Create Footer component with styles

components/Footer.vue

@@ -0,0 +1,18 @@
+<template>
+  <footer
+    class="bg-gray-900 text-gray-300 flex items-center justify-center h-16"
+  >
+    <p>
+      ©2020 Made with <span style="color: red;">&#9829;</span> by
+      <a href="https://wazo-lab.io" target="_blank">Wazo Lab</a>
+    </p>
+  </footer>
+</template>
+
+<script>
+export default {
+  name: "Footer"
+};
+</script>
+
+<style></style>

layouts/default.vue

@@ -4,15 +4,12 @@
     <main class="mt-16 px-4">
       <Nuxt />
     </main>
+    <Footer />
   </div>
 </template>
 
 <script>
-import Header from "@/components/Header";
+export default {};
-
-export default {
-  components: { Header }
-};
 </script>
 
 <style>

test/index.spec.js

@@ -1,6 +1,6 @@
 import { mount } from "@vue/test-utils";
 import axios from "axios";
-import FilmsView from "@/pages/index";
+import FilmsView from "@/pages";
 import mockFilms from "./fake-films.json";
 
 jest.mock("axios", () => ({