feat(support pop up): create basic component layout

components/utils/SupportPopUp.vue

@@ -0,0 +1,7 @@
+<template>
+  <div class="text-default-text">LETS GOOOOOOOOOOOOOOOOOOOOOOO</div>
+</template>
+
+<script>
+export default {}
+</script>

components/utils/SupportPopUpManager.vue

@@ -1,7 +1,24 @@
+<template>
+  <transition name="search">
+    <div v-if="isSupportPopUpActive" class="fixed z-40 w-full h-screen">
+      <SupportPopUp
+        class="h-full bg-black bg-opacity-25"
+        @toggleSupportPopUp="toggleSupportPopUp()"
+      />
+    </div>
+  </transition>
+</template>
+
 <script>
 import { mapGetters, mapMutations } from 'vuex'
 
+const SupportPopUp = () => import('./SupportPopUp.vue')
+
 export default {
+  components: {
+    SupportPopUp,
+  },
+
   data() {
     return {
       isSupportPopUpActive: false,

layouts/default.vue

@@ -20,6 +20,8 @@
       </div>
     </transition>
 
+    <SupportPopUpManager />
+
     <!-- Layout content -->
     <div class="px-4 mx-auto overflow-auto max-w-7xl sm:px-6 lg:px-8">
       <nuxt class="max-w-4xl mx-auto" />
@@ -37,6 +39,7 @@ import { Touch } from 'vuetify/lib/directives/touch'
 import NavToggler from '~/components/layout/navigation/sidenav/Toggler.vue'
 import SideNav from '~/components/layout/navigation/sidenav/SideNav.vue'
 import Search from '~/components/pages/posts/navigation/search/Search.vue'
+import SupportPopUpManager from '~/components/utils/SupportPopUpManager.vue'
 
 import GlobalStartUpMixin from '~/components/utils/GlobalStartUpMixin.js'
 import NavigationMixin from '~/components/layout/navigation/NavigationMixin.js'
@@ -45,7 +48,7 @@ import TouchHandlerMixin from '~/components/layout/navigation/sidenav/TouchHandl
 export default {
   name: 'DefaultLayout',
 
-  components: { SideNav, NavToggler, Search },
+  components: { SideNav, NavToggler, Search, SupportPopUpManager },
 
   directives: { Touch },