feat: add default layout, TheFooter, TheHeader

curtisbelt · Sep 29, 2019 · 6eb1798 · 6eb1798
1 parent 0e7f9b4
commit 6eb1798
Show file tree

Hide file tree

Showing 3 changed files with 40 additions and 0 deletions.
diff --git a/components/TheFooter.vue b/components/TheFooter.vue
@@ -0,0 +1,11 @@
+<template>
+  <nav class="TheFooter">
+    <NuxtLink to="/"></NuxtLink>
+  </nav>
+</template>
+
+<script>
+export default {
+  name: 'TheFooter'
+}
+</script>
diff --git a/components/TheHeader.vue b/components/TheHeader.vue
@@ -0,0 +1,11 @@
+<template>
+  <nav class="TheHeader">
+    <NuxtLink to="/"></NuxtLink>
+  </nav>
+</template>
+
+<script>
+export default {
+  name: 'TheHeader'
+}
+</script>
diff --git a/layouts/default.vue b/layouts/default.vue
@@ -0,0 +1,18 @@
+<template>
+  <div>
+    <TheHeader />
+    <Nuxt />
+    <TheFooter />
+  </div>
+</template>
+
+<script>
+import TheHeader from '~/components/TheHeader'
+export default {
+  name: 'Default',
+  components: {
+    TheHeader,
+    TheFooter: () => import('~/components/TheFooter')
+  }
+}
+</script>