Rename one-word components to multi-word ones

Author: bayeer

src/components/Footer.vue renamed to src/components/AppFooter.vue

@@ -16,7 +16,7 @@
 </template>
 
 <script setup lang="ts">
-import Sidebar from './Sidebar.vue'
-import Header from './Header.vue'
-import Footer from './Footer.vue'
+import Sidebar from './AppSidebar.vue'
+import Header from './AppHeader.vue'
+import Footer from './AppFooter.vue'
 </script>

src/components/Header.vue renamed to src/components/AppHeader.vue

@@ -1,10 +1,10 @@
 import { createRouter, createWebHistory, RouteRecordRaw } from "vue-router";
-import Dashboard from "../views/Dashboard.vue";
-import Forms from "../views/Forms.vue";
-import Tables from "../views/Tables.vue";
+import Dashboard from "../views/AppDashboard.vue";
+import Forms from "../views/AppForms.vue";
+import Tables from "../views/AppTables.vue";
 import UIElements from "../views/UIElements.vue";
-import Login from "../views/Login.vue";
-import Modal from "../views/Modal.vue";
+import Login from "../views/AppLogin.vue";
+import Modal from "../views/AppModal.vue";
 import Chart from "../views/ChartView.vue";
 import Card from "../views/CardView.vue";
 import Blank from "../views/BlankView.vue";

src/components/Sidebar.vue renamed to src/components/AppSidebar.vue

@@ -333,8 +333,8 @@
 
 <script setup lang="ts">
 import { ref } from "vue";
-import Banner from "../partials/Banner.vue";
-import Breadcrumb from "../partials/Breadcrumb.vue";
+import Banner from "../partials/AppBanner.vue";
+import Breadcrumb from "../partials/AppBreadcrumb.vue";
 interface User {
   name: string;
   email: string;

src/components/DashboardLayout.vue

@@ -146,7 +146,7 @@
 
 <script setup lang="ts">
 import { ref } from 'vue'
-import Breadcrumb from '../partials/Breadcrumb.vue'
+import Breadcrumb from '../partials/AppBreadcrumb.vue'
 
 interface User {
   username: string

src/partials/Banner.vue renamed to src/partials/AppBanner.vue

@@ -90,7 +90,7 @@
 
 <script setup lang="ts">
 import { ref } from 'vue'
-import Breadcrumb from '../partials/Breadcrumb.vue'
+import Breadcrumb from '../partials/AppBreadcrumb.vue'
 
 const open = ref(false)
 </script>

src/partials/Breadcrumb.vue renamed to src/partials/AppBreadcrumb.vue

@@ -413,5 +413,5 @@
 <script setup lang="ts">
 import { useTableData } from '../hooks/useTableData'
 const { simpleTableData, paginatedTableData, wideTableData } = useTableData()
-import Breadcrumb from '../partials/Breadcrumb.vue'
+import Breadcrumb from '../partials/AppBreadcrumb.vue'
 </script>

src/router/index.ts

@@ -3,5 +3,5 @@
   <Breadcrumb breadcrumb="Blank" />
 </template>
 <script lang="ts" setup>
-import Breadcrumb from '../partials/Breadcrumb.vue'
+import Breadcrumb from '../partials/AppBreadcrumb.vue'
 </script>

src/views/Dashboard.vue renamed to src/views/AppDashboard.vue

@@ -88,5 +88,5 @@
   </div>
 </template>
 <script lang="ts" setup>
-import Breadcrumb from '../partials/Breadcrumb.vue'
+import Breadcrumb from '../partials/AppBreadcrumb.vue'
 </script>

src/views/Forms.vue renamed to src/views/AppForms.vue

@@ -29,7 +29,7 @@
 </template>
 
 <script setup lang="ts">
-import Breadcrumb from "../partials/Breadcrumb.vue";
+import Breadcrumb from "../partials/AppBreadcrumb.vue";
 import DonutChart from "@/components/charts/DonutChart.vue";
 import LineChart from "@/components/charts/LineChart.vue";
 import BarChart from "../components/charts/BarChart.vue";

src/views/Login.vue renamed to src/views/AppLogin.vue

@@ -280,5 +280,5 @@
   </div>
 </template>
 <script lang="ts" setup>
-import Breadcrumb from '../partials/Breadcrumb.vue'
+import Breadcrumb from '../partials/AppBreadcrumb.vue'
 </script>