rename all components to new namespace (#1515)

Co-authored-by: Andrew Bastin <andrewbastin.k@gmail.com>

components/others/extensions.vue → components/app/Extensions.vue

@@ -1,5 +1,5 @@
 <template>
-  <modal v-if="show" @close="hideModal">
+  <SmartModal v-if="show" @close="hideModal">
     <div slot="header">
       <div class="row-wrapper">
         <h3 class="title">{{ $t("extensions") }}</h3>
@@ -54,7 +54,7 @@
       </div>
     </div>
     <div slot="footer"></div>
-  </modal>
+  </SmartModal>
 </template>
 
 <script>
@@ -69,9 +69,9 @@ export default {
   },
   watch: {
     show() {
-      this.hasChromeExtInstalled = hasChromeExtensionInstalled();
-      this.hasFirefoxExtInstalled = hasFirefoxExtensionInstalled();
-    }
+      this.hasChromeExtInstalled = hasChromeExtensionInstalled()
+      this.hasFirefoxExtInstalled = hasFirefoxExtensionInstalled()
+    },
   },
   data() {
     return {

components/layout/pw-header.vue → components/app/Header.vue

@@ -54,7 +54,7 @@
             <i class="material-icons">login</i>
           </button>
           <template slot="popover">
-            <login />
+            <FirebaseLogin />
           </template>
         </v-popover>
         <v-popover v-else>
@@ -87,7 +87,7 @@
               </nuxt-link>
             </div>
             <div>
-              <logout />
+              <FirebaseLogout />
             </div>
           </template>
         </v-popover>
@@ -134,9 +134,9 @@
         </v-popover>
       </span>
     </div>
-    <extensions :show="showExtensions" @hide-modal="showExtensions = false" />
-    <shortcuts :show="showShortcuts" @hide-modal="showShortcuts = false" />
-    <support :show="showSupport" @hide-modal="showSupport = false" />
+    <AppExtensions :show="showExtensions" @hide-modal="showExtensions = false" />
+    <AppShortcuts :show="showShortcuts" @hide-modal="showShortcuts = false" />
+    <AppSupport :show="showSupport" @hide-modal="showSupport = false" />
   </header>
 </template>
 

components/others/shortcuts.vue → components/app/Shortcuts.vue

@@ -1,5 +1,5 @@
 <template>
-  <modal v-if="show" @close="hideModal">
+  <SmartModal v-if="show" @close="hideModal">
     <div slot="header">
       <div class="row-wrapper">
         <h3 class="title">{{ $t("shortcuts") }}</h3>
@@ -70,7 +70,7 @@
       </div>
     </div>
     <div slot="footer"></div>
-  </modal>
+  </SmartModal>
 </template>
 
 <style scoped lang="scss">

components/layout/sidenav.vue → components/app/Sidenav.vue

@@ -11,7 +11,7 @@
         v-tooltip.right="$t('home')"
         :aria-label="$t('home')"
       >
-        <logo alt class="material-icons" style="height: 24px"></logo>
+        <AppLogo alt class="material-icons" style="height: 24px" />
       </nuxt-link>
       <nuxt-link
         :to="localePath('realtime')"

components/others/support.vue → components/app/Support.vue

@@ -1,5 +1,5 @@
 <template>
-  <modal v-if="show" @close="hideModal">
+  <SmartModal v-if="show" @close="hideModal">
     <div slot="header">
       <div class="row-wrapper">
         <h3 class="title">{{ $t("support_us") }}</h3>
@@ -11,10 +11,10 @@
       </div>
     </div>
     <div slot="body" class="flex flex-col">
-      <contributors />
+      <AppContributors />
     </div>
     <div slot="footer"></div>
-  </modal>
+  </SmartModal>
 </template>
 
 <script>

components/collections/add-collection.vue → components/collections/Add.vue

@@ -1,5 +1,5 @@
 <template>
-  <modal v-if="show" @close="hideModal">
+  <SmartModal v-if="show" @close="hideModal">
     <div slot="header">
       <div class="row-wrapper">
         <h3 class="title">{{ $t("new_collection") }}</h3>
@@ -33,7 +33,7 @@
         </span>
       </div>
     </div>
-  </modal>
+  </SmartModal>
 </template>
 
 <script>