diff --git a/src/components/ChangeLog.vue b/src/components/ChangeLog.vue
index 95695e5..0f2ec3d 100644
--- a/src/components/ChangeLog.vue
+++ b/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>
diff --git a/src/components/Footer.vue b/src/components/Footer.vue
index da18450..64dcc18 100644
--- a/src/components/Footer.vue
+++ b/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]
 }
diff --git a/src/components/Nav.vue b/src/components/Nav.vue
index 61a5849..b44f15f 100644
--- a/src/components/Nav.vue
+++ b/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="/">
diff --git a/src/layouts/default.vue b/src/layouts/default.vue
index 6e86cf9..0ba2f23 100644
--- a/src/layouts/default.vue
+++ b/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">
-    <Nav />
-    <div class="m-auto mt-0 px-5 text-left flex">
-      <RouterView />
-    </div>
-    <Footer />
-  </v-layout>
+  <v-theme-provider :theme="isDark ? 'dark' : 'light'">
+    <v-layout class="text-gray-700 dark:text-gray-200 min-h-screen flex flex-col">
+      <Nav />
+      <div class="m-auto mt-0 px-5 text-left flex">
+        <RouterView />
+      </div>
+      <Footer />
+    </v-layout>
+  </v-theme-provider>
 </template>