Basic Search Toggle (will work on more later)

NUXT/components/searchOverlay.vue

@@ -0,0 +1,8 @@
+<template>
+  <div>
+    <v-text-field
+      label="Search"
+      outlined
+    />
+  </div>
+</template>

NUXT/layouts/default.vue

@@ -3,13 +3,13 @@
     <v-card class="topNav rounded-0" style="display: flex;" color="accent white--text">
       <h2 v-text="page" />
       <v-spacer />
-      <v-btn text class="toolbarAction" color="white"><v-icon>mdi-magnify</v-icon></v-btn>
-      
+      <v-btn text class="toolbarAction" color="white" @click="search = !search"><v-icon>mdi-magnify</v-icon></v-btn>
+
       <v-menu offset-y content-class="mt-4">
         <template v-slot:activator="{ on, attrs }">
-          <v-btn text class="toolbarAction" v-bind="attrs" v-on="on" color="white" style="padding-right: 0 !important;"><v-icon>mdi-dots-vertical</v-icon></v-btn>
+          <v-btn text class="toolbarAction" v-bind="attrs" v-on="on" color="white"><v-icon>mdi-dots-vertical</v-icon></v-btn>
         </template>
-        <v-list>
+        <v-list style="min-width: 150px;">
           <v-list-item v-for="(item, index) in dropdownMenu" :key="index">
             <nuxt-link :to="item.link" style="text-decoration: none;" class="info--text">{{ item.title }}</nuxt-link>
           </v-list-item>
@@ -17,6 +17,8 @@
       </v-menu>
     </v-card>
 
+    <searchOverlay v-if="search" />
+
     <div class="background" style="min-height: 100%">
       <nuxt />
     </div>
@@ -42,7 +44,7 @@
 
 <style scoped>
 .toolbarAction {
-  min-width: 50px !important;
+  min-width: 40px !important;
 }
 
 .topNav {
@@ -66,8 +68,12 @@
 </style>
 
 <script>
+import search from '../pages/search.vue';
   export default {
+  components: { search },
     data: () => ({
+      search: false,
+
       tabSelection: 0,
       tabs: [
         { name: "Home", icon: "mdi-home", link: "/" },
@@ -82,7 +88,7 @@
       ]
     }),
     mounted() {
-      
+
     },
     computed: {
       page: function () {

NUXT/nuxt.config.js

@@ -4,7 +4,9 @@ export default {
 
   //---   Bettertube Stuff   ---//
   target: 'static',
-  buildDir: '../dist',
+  build: {
+    buildDir: '../dist'
+  },
   plugins: [
     { src: "~/plugins/youtubei", mode: "client" }
   ],
@@ -61,9 +63,5 @@ export default {
         }
       }
     }
-  },
-
-  build: {
-    buildDir: '../dist'
   }
 }

NUXT/package.json

@@ -4,8 +4,7 @@
   "private": true,
   "scripts": {
     "dev": "nuxt",
-    "build": "nuxt build",
-    "start": "nuxt start",
+    "build": "nuxt generate",
     "generate": "nuxt generate"
   },
   "dependencies": {