✨ (fleeting notes) init fleeting notes

src/components/HeaderNote.vue

@@ -3,6 +3,9 @@
     <router-link :to="{ name: 'Home' }">
       <img src="@/assets/icons/dark-left-arrow.svg" alt="go back left arrow" />
     </router-link>
+    <router-link :to="{ name: 'FleetingNotes', params: { user, repo } }">
+      Fleeting notes
+    </router-link>
   </header>
 </template>
 
@@ -10,12 +13,20 @@
 import { defineComponent } from 'vue'
 
 export default defineComponent({
-  name: 'HeaderNote'
+  name: 'HeaderNote',
+  props: {
+    user: { type: String, required: true },
+    repo: { type: String, required: true }
+  }
 })
 </script>
 
 <style scoped lang="scss">
 .header-note {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+
   img:hover {
     cursor: pointer;
   }