archy/packages/app/src/App.vue

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

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

const { currentTheme, initTheme } = useTheme()

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