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

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