<script setup lang="ts">
import { RouterLink, RouterView } from 'vue-router'
import { AppShellLayout } from './shared/ui/layouts'
</script>
<template>
  <AppShellLayout>
    <template #navigation><nav class="app-nav"><RouterLink to="/research/sell-decision">매도 의사결정</RouterLink><RouterLink to="/ops/data-quality">데이터 품질</RouterLink><RouterLink to="/ops/model-operations">모델 운영</RouterLink><RouterLink to="/internal/ui-standard">표준 UI 패턴</RouterLink></nav></template>
    <RouterView />
  </AppShellLayout>
</template>
<style scoped>.app-nav{display:grid;gap:var(--ks-space-2)}.app-nav a{padding:var(--ks-space-2) var(--ks-space-3);border-radius:var(--ks-radius-sm);text-decoration:none}.app-nav a.router-link-active{background:var(--ks-color-neutral-100);font-weight:700}</style>
