<template>
  <div class="h-dvh flex flex-col" :class="currentTheme">
    <RouterView />
    <ArticleOverlay />
  </div>
</template>

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

const { currentTheme, initTheme } = useTheme()

onMounted(() => {
  initTheme()
})
</script>
