Update theme

Update ChangeLog

src/components/ChangeLog.vue

@@ -1,9 +1,26 @@
 <script setup lang="ts">
-const { data } = useFetch('https://git.thehrz.net/api/v1/repos/thehrz/19yuke2-vue/commits?stat=false')
+interface Commit {
+  sha: string
+  commit: {
+    message: string
+  }
+  author: {
+    username: string
+    avatar_url: string
+  }
+}
+
+const { isFetching, data } = useFetch('https://git.thehrz.net/api/v1/repos/thehrz/19yuke2-vue/commits?stat=false&limit=3').json<Commit[]>()
 </script>
 
 <template>
-  <p>{{ data }}</p>
+  <p v-if="isFetching">
+    Loading...
+  </p>
+
+  <v-list v-else lines="two">
+    <v-list-item v-for="commit in data" :key="commit.commit.message" :title="commit.commit.message" subtitle="..." />
+  </v-list>
 </template>
 
 <style scoped></style>

src/components/Footer.vue

@@ -2,7 +2,6 @@
 const { t, availableLocales, locale } = useI18n()
 
 function toggleLocales() {
-  // change to some real logic
   const locales = availableLocales
   locale.value = locales[(locales.indexOf(locale.value) + 1) % locales.length]
 }

src/components/Nav.vue

@@ -20,7 +20,7 @@ export default {
 </script>
 
 <template>
-  <v-app-bar :theme="isDark ? 'dark' : 'light'" class="!static">
+  <v-app-bar class="!static">
     <img class="mx-3 w-40px" src="/favicon.svg">
 
     <router-link to="/">

src/layouts/default.vue

@@ -9,11 +9,13 @@ export default {
 </script>
 
 <template>
-  <v-layout class="text-gray-700 dark:text-gray-200 min-h-screen flex flex-col">
+  <v-theme-provider :theme="isDark ? 'dark' : 'light'">
-    <Nav />
+    <v-layout class="text-gray-700 dark:text-gray-200 min-h-screen flex flex-col">
-    <div class="m-auto mt-0 px-5 text-left flex">
+      <Nav />
-      <RouterView />
+      <div class="m-auto mt-0 px-5 text-left flex">
-    </div>
+        <RouterView />
-    <Footer />
+      </div>
-  </v-layout>
+      <Footer />
+    </v-layout>
+  </v-theme-provider>
 </template>