diff --git a/assets/js/components/MobileNav.vue b/assets/js/components/MobileNav.vue new file mode 100644 index 0000000..05c9ef9 --- /dev/null +++ b/assets/js/components/MobileNav.vue @@ -0,0 +1,31 @@ + + + diff --git a/assets/js/site.js b/assets/js/site.js new file mode 100644 index 0000000..4d508f3 --- /dev/null +++ b/assets/js/site.js @@ -0,0 +1,8 @@ +import Vue from 'vue' +import MobileNav from './components/MobileNav' + +new Vue({ + el: '#root', + + components: { MobileNav }, +}) diff --git a/package.json b/package.json index bbfd2a6..fd68ed0 100644 --- a/package.json +++ b/package.json @@ -13,6 +13,7 @@ "laravel-mix": "^2.1.11", "laravel-mix-purgecss": "^2.2.0", "laravel-mix-tailwind": "^0.1.0", - "tailwindcss": "^0.6.4" + "tailwindcss": "^0.6.4", + "vue.js": "^0.3.2" } } diff --git a/source/_layouts/default.html.twig b/source/_layouts/default.html.twig index d6e8446..013fb8a 100644 --- a/source/_layouts/default.html.twig +++ b/source/_layouts/default.html.twig @@ -9,16 +9,18 @@
-
-
+
+

Chris Rees Academy

Cardiff

+ +
-
+