refactor: remove app-dashboard prefix from all

Author: themustafaomar

src/components/dashboard/bar/notifications/Menu.vue

@@ -28,11 +28,11 @@
 
     <v-sheet rounded="lg" class="notifications-menu overflow-hidden">
       <v-responsive max-height="400" min-height="250" style="overflow-y: scroll">
-        <app-dashboard-bar-notifications-loader v-if="isLoading" />
+        <notifications-loader v-if="isLoading" />
 
         <template v-if="notifications.length">
           <v-list v-for="notification in notifications" :key="notification.id" lines="three">
-            <app-dashboard-bar-notifications-item :notification="notification" />
+            <notifications-item :notification="notification" />
           </v-list>
         </template>
 
@@ -54,8 +54,8 @@ import { useI18n } from 'vue-i18n'
 import { useNotificationsStore } from '@/stores/notifications'
 import { useUser } from '@/composables/useUser'
 import AppTooltipBtn from '@/components/app/TooltipBtn.vue'
-import AppDashboardBarNotificationsLoader from './Loader.vue'
-import AppDashboardBarNotificationsItem from './Item.vue'
+import NotificationsLoader from './Loader.vue'
+import NotificationsItem from './Item.vue'
 
 const menu = ref(false)
 const width = computed(() => (mobile.value ? 420 : 380))

src/components/dashboard/drawer/NavigationDrawer.vue

@@ -9,10 +9,10 @@
     <v-list density="comfortable">
       <template v-for="link in links">
         <!-- Having children, we need to render it via list group -->
-        <app-dashboard-drawer-item-group v-if="link.children" :link="link" />
+        <drawer-item-group v-if="link.children" :link="link" />
 
         <!-- Not having any children -->
-        <app-dashboard-drawer-item
+        <drawer-item
           v-if="!link.children && (link.permissions && !can(link.permissions) ? false : true)"
           :link="link"
         />
@@ -25,8 +25,8 @@
 import { ref } from 'vue'
 import { useLocale } from 'vuetify'
 import { useUser } from '@/composables/useUser'
-import AppDashboardDrawerItem from './Item.vue'
-import AppDashboardDrawerItemGroup from './ItemGroup.vue'
+import DrawerItem from './Item.vue'
+import DrawerItemGroup from './ItemGroup.vue'
 
 const user = useUser()
 const { t } = useLocale()

src/layouts/dashboard.vue

@@ -5,16 +5,16 @@
     <!-- end snackbar -->
 
     <!-- sidebar -->
-    <app-dashboard-drawer v-model="isNavDrawerActive" :rail="rail" />
+    <drawer v-model="isNavDrawerActive" :rail="rail" />
     <!-- end sidebar -->
 
     <!-- navbar -->
-    <app-dashboard-bar @rail:switch="navigationDrawer" />
+    <bar @rail:switch="navigationDrawer" />
     <!-- end navbar -->
 
     <!-- content -->
     <v-main>
-      <app-dashboard-loader v-show="isLoading" />
+      <loader v-show="isLoading" />
       <div v-show="!isLoading" class="pa-4 pa-lg-6">
         <router-view />
       </div>
@@ -30,9 +30,9 @@ import { useDisplay } from 'vuetify'
 import { useAppStore } from '@/stores/app'
 import { useNotificationsStore } from '@/stores/notifications'
 import AppSnackbar from '@/components/app/Snackbar.vue'
-import AppDashboardDrawer from '@/components/dashboard/drawer/NavigationDrawer.vue'
-import AppDashboardLoader from '@/components/dashboard/Loader.vue'
-import AppDashboardBar from '@/components/dashboard/bar/Bar.vue'
+import Drawer from '@/components/dashboard/drawer/NavigationDrawer.vue'
+import Loader from '@/components/dashboard/Loader.vue'
+import Bar from '@/components/dashboard/bar/Bar.vue'
 
 const rail = ref(false)
 const isNavDrawerActive = ref(true)

src/pages/dashboard/profile.vue

@@ -3,7 +3,7 @@
   <app-sheet title="Profile">
     <v-row class="mt-2">
       <v-col cols="4" class="mx-auto text-center mb-5">
-        <app-dashboard-profile-avatar @save="saveAvatar" :user="user" />
+        <profile-avatar @save="saveAvatar" :user="user" />
         <h4 class="mt-1">Profile Picture</h4>
         <p class="text-grey">Change your profile picture.</p>
       </v-col>
@@ -99,7 +99,7 @@ import { useForm } from '@/composables/useForm'
 import { useUser } from '@/composables/useUser'
 import { useLoader } from '@/composables/useLoader'
 import storage from '@/plugins/storage'
-import AppDashboardProfileAvatar from '@/components/dashboard/profile/Avatar.vue'
+import ProfileAvatar from '@/components/dashboard/profile/Avatar.vue'
 
 const user = useUser()
 const loader = useLoader()

src/pages/dashboard/roles.vue

@@ -11,8 +11,8 @@
       <template #item.id="{ item }">#{{ item.raw.id }}</template>
 
       <template #item.actions="{ item }">
-        <app-dashboard-edit-btn @click="composer.update(item.raw)" />
-        <app-dashboard-delete-btn @click.prevent />
+        <edit-btn @click="composer.update(item.raw)" />
+        <delete-btn @click.prevent />
       </template>
 
       <template #bottom>
@@ -24,7 +24,7 @@
   </app-sheet>
 
   <useComposer ref="composer" title="Role" v-slot="{ props }">
-    <app-dashboard-roles-compose v-bind="props" @created="fetch()" />
+    <roles-compose v-bind="props" @created="fetch()" />
   </useComposer>
 </template>
 
@@ -33,9 +33,9 @@ import { ref, onMounted } from 'vue'
 import axios from '@/plugins/axios'
 import { useLoader } from '@/composables/useLoader'
 import useComposer from '@/hoc/useComposer.vue'
-import AppDashboardRolesCompose from '@/components/dashboard/roles/Compose.vue'
-import AppDashboardEditBtn from '@/components/dashboard/EditBtn.vue'
-import AppDashboardDeleteBtn from '@/components/dashboard/DeleteBtn.vue'
+import RolesCompose from '@/components/dashboard/roles/Compose.vue'
+import EditBtn from '@/components/dashboard/EditBtn.vue'
+import DeleteBtn from '@/components/dashboard/DeleteBtn.vue'
 
 const page = ref(1)
 const composer = ref(null)

src/pages/dashboard/users.vue

@@ -83,8 +83,8 @@
             <path stroke-linecap="round" stroke-linejoin="round" d="M8.625 9.75a.375.375 0 11-.75 0 .375.375 0 01.75 0zm0 0H8.25m4.125 0a.375.375 0 11-.75 0 .375.375 0 01.75 0zm0 0H12m4.125 0a.375.375 0 11-.75 0 .375.375 0 01.75 0zm0 0h-.375m-13.5 3.01c0 1.6 1.123 2.994 2.707 3.227 1.087.16 2.185.283 3.293.369V21l4.184-4.183a1.14 1.14 0 01.778-.332 48.294 48.294 0 005.83-.498c1.585-.233 2.708-1.626 2.708-3.228V6.741c0-1.602-1.123-2.995-2.707-3.228A48.394 48.394 0 0012 3c-2.392 0-4.744.175-7.043.513C3.373 3.746 2.25 5.14 2.25 6.741v6.018z" />
           </svg>
         </v-icon>
-        <app-dashboard-edit-btn v-if="can('update users')" @click="composer.update(item.raw)" />
-        <app-dashboard-delete-btn v-if="can('delete users')" @click="" />
+        <edit-btn v-if="can('update users')" @click="composer.update(item.raw)" />
+        <delete-btn v-if="can('delete users')" @click="" />
       </template>
 
       <template #bottom>
@@ -96,7 +96,7 @@
   </app-sheet>
 
   <useComposer ref="composer" title="User" v-slot="{ props }">
-    <app-dashboard-users-compose v-bind="props" @created="fetch()" />
+    <users-compose v-bind="props" @created="fetch()" />
   </useComposer>
 </template>
 
@@ -105,9 +105,9 @@ import { ref, onMounted } from 'vue'
 import { useLoader } from '@/composables/useLoader'
 import axios from '@/plugins/axios'
 import useComposer from '@/hoc/useComposer.vue'
-import AppDashboardUsersCompose from '@/components/dashboard/users/Compose.vue'
-import AppDashboardEditBtn from '@/components/dashboard/EditBtn.vue'
-import AppDashboardDeleteBtn from '@/components/dashboard/DeleteBtn.vue'
+import UsersCompose from '@/components/dashboard/users/Compose.vue'
+import EditBtn from '@/components/dashboard/EditBtn.vue'
+import DeleteBtn from '@/components/dashboard/DeleteBtn.vue'
 
 const composer = ref(null)
 const users = ref([])