add Dashboard

src/router/tabs.ts

@@ -1,12 +1,12 @@
 import type { RouteRecordRaw } from "vue-router";
-import FilePage from "@/pages/tabs/FilePage.vue";
-import ServerStatusPage from "@/pages/tabs/ServerStatusPage.vue";
-import SettingsPage from "@/pages/tabs/SettingsPage.vue";
+import FileTab from "@/pages/tabs/FileTab.vue";
+import DashboardTab from "@/pages/tabs/DashboardTab.vue";
+import SettingsTab from "@/pages/tabs/SettingsTab.vue";
 
 const tabs: RouteRecordRaw[] = [
 	{
 		path: "/",
-		name: "FilePage",
+		name: "FileTab",
 		meta: {
 			depth: 2,
 			navBarVisible: true,
@@ -17,11 +17,11 @@ const tabs: RouteRecordRaw[] = [
 			contentFixedHeight: true,
 			bodyBackground: "#F4F4F4"
 		},
-		component: FilePage
+		component: FileTab
 	},
 	{
 		path: "/server",
-		name: "ServerStatusPage",
+		name: "DashboardTab",
 		meta: {
 			depth: 2,
 			navBarVisible: true,
@@ -29,13 +29,13 @@ const tabs: RouteRecordRaw[] = [
 			tabBarVisible: true,
 			tabBarRoot: true,
 			tabBarPadding: true,
-			bodyBackground: "#FFF"
+			bodyBackground: "#F4F4F4"
 		},
-		component: ServerStatusPage
+		component: DashboardTab
 	},
 	{
 		path: "/settings",
-		name: "SettingsPage",
+		name: "SettingsTab",
 		meta: {
 			depth: 2,
 			navBarVisible: true,
@@ -45,7 +45,7 @@ const tabs: RouteRecordRaw[] = [
 			tabBarPadding: true,
 			bodyBackground: "#FFF"
 		},
-		component: SettingsPage
+		component: SettingsTab
 	}
 ];