<script setup lang="ts">
import { RouterView } from 'vue-router'
import AppShell from '@/components/app/AppShell.vue'
import { useTheme } from '@/composables/useTheme'

const { isDark, theme, toggleTheme } = useTheme()
</script>

<template>
  <AppShell :theme="theme">
    <RouterView v-slot="{ Component }">
      <component
        :is="Component"
        :is-dark="isDark"
        :theme="theme"
        @toggle-theme="toggleTheme"
      />
    </RouterView>
  </AppShell>
</template>
