diff --git a/DefaultLayout.vue b/DefaultLayout.vue
new file mode 100644
index 0000000..1f6f97e
--- /dev/null
+++ b/DefaultLayout.vue
@@ -0,0 +1,7 @@
+<template>
+  <NuxtPage />
+  <FloatingThemeButton />
+</template>
+<script setup>
+import FloatingThemeButton from '~/components/FloatingThemeButton.vue'
+</script>
diff --git a/app.vue b/app.vue
index 1f6f97e..4445c01 100644
--- a/app.vue
+++ b/app.vue
@@ -1,7 +1,6 @@
 <template>
-  <NuxtPage />
-  <FloatingThemeButton />
+  <Layout />
 </template>
 <script setup>
-import FloatingThemeButton from '~/components/FloatingThemeButton.vue'
+import Layout from '~/DefaultLayout.vue'
 </script>