diff --git a/src/App.vue b/src/App.vue
index 5669fd1..7a48cb0 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,17 +1,19 @@
 <template>
   <div id="app">
-    <a href="#0" class="skip-link text-white bg-black-60 py-1 px-2 rounded-b-lg focus:no-underline focus:outline-none">Skip to main content</a>
+    <skip-link></skip-link>
 
-    <Welcome title="Rebuilding Bartik"/>
+    <welcome title="Rebuilding Bartik"></welcome>
   </div>
 </template>
 
 <script>
-import Welcome from './components/Welcome.vue'
+import SkipLink from './components/SkipLink'
+import Welcome from './components/Welcome'
 
 export default {
   name: 'app',
   components: {
+    SkipLink,
     Welcome,
   }
 }
diff --git a/src/components/SkipLink.vue b/src/components/SkipLink.vue
new file mode 100644
index 0000000..ff21786
--- /dev/null
+++ b/src/components/SkipLink.vue
@@ -0,0 +1,9 @@
+<template>
+  <div>
+    <a href="#0" class="skip-link text-white bg-black-60 py-1 px-2 rounded-b-lg focus:no-underline focus:outline-none">Skip to main content</a>
+  </div>
+</template>
+
+<script>
+  export default {}
+</script>