<template>
  <div class="flex h-full">
    <!-- 左侧面板 -->
    <WriterPanel v-if="currentPage === 'writer'" />
    <AnalysisPanel v-else />
    
    <!-- 右侧主内容区 -->
    <MainContent />
  </div>
</template>

<script setup>
import { computed } from 'vue'
import { useAppStore } from './stores/app'
import WriterPanel from './components/WriterPanel.vue'
import AnalysisPanel from './components/AnalysisPanel.vue'
import MainContent from './components/MainContent.vue'

const appStore = useAppStore()
const currentPage = computed(() => appStore.currentPage)
</script>
