<template>
  <div class="flex h-screen overflow-hidden">
    <AppSidebar />
    <main class="flex-1 overflow-y-auto">
      <router-view />
    </main>
  </div>
</template>

<script setup>
import AppSidebar from './components/layout/AppSidebar.vue'
import { useTopicsStore } from './stores/topics.js'
import { onMounted } from 'vue'

const topicsStore = useTopicsStore()
onMounted(() => topicsStore.fetchTopics())
</script>
