<template>
  <div>
    <NuxtRouteAnnouncer />
<!--    <NuxtWelcome />-->
<!--    <v-btn @click="toggleTheme">toggle theme</v-btn>-->
    <NuxtLayout>
      <v-app>
        <NuxtPage />
      </v-app>
    </NuxtLayout>
  </div>
</template>

<script lang="ts" setup>
import { useTheme } from 'vuetify'

const theme = useTheme()

function toggleTheme () {
  theme.global.name.value = theme.global.current.value.dark ? 'light' : 'dark'
}
</script>
