diff --git a/app.vue b/app.vue
index a8300ac..e206e70 100644
--- a/app.vue
+++ b/app.vue
@@ -28,13 +28,6 @@ catch (err: any) {
   <nuxt-layout>
     <app-menu />
     <nuxt-page />
-    <footer>
-      <p>
-        {{ $t('app.attribution.data') }}
-        <a href="https://www.openstreetmap.org/copyright" target="_blank">{{
-          $t('app.attribution.osm')
-        }}</a>
-      </p>
-    </footer>
+    <app-footer />
   </nuxt-layout>
 </template>
diff --git a/components/AppFooter.vue b/components/AppFooter.vue
new file mode 100644
index 0000000..62d3eb8
--- /dev/null
+++ b/components/AppFooter.vue
@@ -0,0 +1,10 @@
+<template>
+  <footer>
+    <p>
+      {{ $t('app.attribution.data') }}
+      <a href="https://www.openstreetmap.org/copyright" target="_blank">{{
+        $t('app.attribution.osm')
+      }}</a>
+    </p>
+  </footer>
+</template>