<template>
  <v-theme-provider :theme="isDark ? 'dark' : 'light'">
    <v-app class="text-gray-700 dark:text-gray-200 flex flex-col">
      <Nav />

      <div style="--v-layout-top: 25px" class="m-auto">
        <router-view v-slot="{ Component }">
          <transition name="fade">
            <div class="prose max-w-100ch m-auto">
              <component :is="Component" />
            </div>
          </transition>
        </router-view>
      </div>
    </v-app>
  </v-theme-provider>
</template>
