Improve Page structure and create a redirect middleware to set /films as homepage

layouts/default.vue

@@ -9,7 +9,9 @@
 </template>
 
 <script>
-export default {};
+export default {
+  middleware: ["redirect"]
+};
 </script>
 
 <style>

middleware/redirect.js

@@ -0,0 +1,3 @@
+export default function({ redirect, route }) {
+  if (route.path === "/") redirect("/films");
+}

test/index.spec.js

@@ -1,6 +1,6 @@
 import { mount } from "@vue/test-utils";
 import axios from "axios";
-import FilmsView from "@/pages";
+import FilmsView from "@/pages/films";
 import mockFilms from "./fake-films.json";
 
 jest.mock("axios", () => ({
@@ -10,7 +10,7 @@ jest.mock("axios", () => ({
 describe("Films page", () => {
   it("should render Films page instance", () => {
     const wrapper = mount(FilmsView);
-    expect(wrapper.find("h1").text()).toBe("Ghibli films");
+    expect(wrapper.find("h2").text()).toBe("Ghibli films");
   });
 
   it("should get films from Ghibli API", async () => {