Merge branch 'master' into levchak0910-add-navigation

src/App.vue

@@ -1,17 +1,20 @@
 <template>
   <AppNavigation />
   <RouterView></RouterView>
+  <AppFooter />
 </template>
 
 <script lang="ts">
 import { defineComponent } from 'vue'
+import AppFooter from './components/layout/Footer/index.vue'
 
 import AppNavigation from './components/layout/Navigation/index.vue'
 
 export default defineComponent({
   name: 'App',
   components: {
-    AppNavigation
+    AppNavigation,
+    AppFooter,
   },
 })
 </script>

src/components/layout/Footer/index.vue

@@ -0,0 +1,32 @@
+<template>
+  <footer>
+    <div class="container">
+      <RouterLink
+        to="/"
+        class="logo-font"
+      >
+        conduit
+      </RouterLink>
+      <span class="attribution">
+        An interactive learning project from <a href="https://thinkster.io">Thinkster</a>. Code &amp; design licensed under MIT.
+      </span>
+    </div>
+    <div class="container">
+      <span
+        class="attribution"
+        style="margin: 0"
+      >
+        <a href="https://github.com/mutoe/vue3-realworld-example-app">Real world app</a> implementation using Vue v3 with Typescript and Composition Api
+      </span>
+    </div>
+  </footer>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue'
+
+export default defineComponent({
+  name: 'AppFooter',
+})
+</script>
+