add menus

src/layouts/components/DefaultLayoutWithVerticalNav.vue

@@ -79,81 +79,88 @@ const upgradeBanner = computed(() => {
           to: '/dashboard',
         }"
       />
-      <VerticalNavLink
-        :item="{
-          title: '用户设置',
-          icon: 'mdi-account-cog-outline',
-          to: '/account-settings',
-        }"
-      />
 
-      <!-- 👉 Pages -->
+      <!-- 👉 发现 -->
       <VerticalNavSectionTitle
         :item="{
-          heading: 'Pages',
+          heading: '发现',
         }"
       />
       <VerticalNavLink
         :item="{
-          title: '登录',
-          icon: 'mdi-login',
-          to: '/login',
+          title: '推荐',
+          icon: 'mdi-movie-star',
+          to: '/ranking',
         }"
       />
+      
       <VerticalNavLink
         :item="{
-          title: '注册',
-          icon: 'mdi-account-plus-outline',
-          to: '/register',
-        }"
-      />
-      <VerticalNavLink
-        :item="{
-          title: '404',
-          icon: 'mdi-information-outline',
-          to: '/no-existence',
-        }"
-      />
-
-      <!-- 👉 User Interface -->
-      <VerticalNavSectionTitle
-        :item="{
-          heading: 'User Interface',
-        }"
-      />
-      <VerticalNavLink
-        :item="{
-          title: '排版',
-          icon: 'mdi-alpha-t-box-outline',
-          to: '/typography',
-        }"
-      />
-      <VerticalNavLink
-        :item="{
-          title: '图标',
-          icon: 'mdi-eye-outline',
-          to: '/icons',
-        }"
-      />
-      <VerticalNavLink
-        :item="{
-          title: '卡片',
-          icon: 'mdi-credit-card-outline',
-          to: '/cards',
-        }"
-      />
-      <VerticalNavLink
-        :item="{
-          title: '表格',
+          title: '资源搜索',
           icon: 'mdi-table',
-          to: '/tables',
+          to: '/resources',
+        }"
+      />
+
+      <!-- 👉 订阅 -->
+      <VerticalNavSectionTitle
+        :item="{
+          heading: '订阅',
         }"
       />
       <VerticalNavLink
         :item="{
-          title: '表单布局',
-          icon: 'mdi-form-select',
-          to: '/form-layouts',
+          title: '电影',
+          icon: 'mdi-movie-check-outline',
+          to: '/subscribe-movie',
+        }"
+      />
+      <VerticalNavLink
+        :item="{
+          title: '电视剧',
+          icon: 'mdi-television-classic',
+          to: '/subscribe-tv',
+        }"
+      />
+      <!-- 👉 整理 -->
+      <VerticalNavSectionTitle
+        :item="{
+          heading: '整理',
+        }"
+      />
+      <VerticalNavLink
+        :item="{
+          title: '正在下载',
+          icon: 'mdi-download-outline',
+          to: '/downloading',
+        }"
+      />
+      <VerticalNavLink
+        :item="{
+          title: '历史记录',
+          icon: 'mdi-history',
+          to: '/history',
+        }"
+      />
+      
+      <!-- 👉 用户设置 -->
+      <VerticalNavSectionTitle
+        :item="{
+          heading: '设置',
+        }"
+      />
+      <VerticalNavLink
+        :item="{
+          title: '站点管理',
+          icon: 'mdi-web',
+          to: '/sites',
+        }"
+      />
+      <VerticalNavLink
+        :item="{
+          title: '设置',
+          icon: 'mdi-cog-outline',
+          to: '/account-settings',
         }"
       />
     </template>

src/pages/ranking.vue

@@ -0,0 +1,27 @@
+<script setup lang="ts">
+import CardBasic from '@/views/pages/cards/card-basic/CardBasic.vue';
+import CardNavigation from '@/views/pages/cards/card-basic/CardNavigation.vue';
+import CardSolid from '@/views/pages/cards/card-basic/CardSolid.vue';
+</script>
+
+<template>
+  <div>
+    <p class="text-2xl mb-6">
+      Basic Cards
+    </p>
+
+    <CardBasic />
+
+    <p class="text-2xl mb-6 mt-14">
+      Navigation Cards
+    </p>
+
+    <CardNavigation />
+
+    <p class="text-2xl mt-14 mb-6 ">
+      Solid Cards
+    </p>
+
+    <CardSolid />
+  </div>
+</template>

src/pages/resources.vue

@@ -0,0 +1,53 @@
+<script setup lang="ts">
+import DemoSimpleTableBasics from '@/views/pages/tables/DemoSimpleTableBasics.vue'
+import DemoSimpleTableDensity from '@/views/pages/tables/DemoSimpleTableDensity.vue'
+import DemoSimpleTableFixedHeader from '@/views/pages/tables/DemoSimpleTableFixedHeader.vue'
+import DemoSimpleTableHeight from '@/views/pages/tables/DemoSimpleTableHeight.vue'
+import DemoSimpleTableTheme from '@/views/pages/tables/DemoSimpleTableTheme.vue'
+</script>
+
+<template>
+  <VRow>
+    <VCol cols="12">
+      <VCard title="Basic">
+        <DemoSimpleTableBasics />
+      </VCard>
+    </VCol>
+
+    <VCol cols="12">
+      <VCard title="Theme">
+        <VCardText>
+          use <code>theme</code> prop to switch table to the dark theme.
+        </VCardText>
+        <DemoSimpleTableTheme />
+      </VCard>
+    </VCol>
+
+    <VCol cols="12">
+      <VCard title="Density">
+        <VCardText>
+          You can show a dense version of the table by using the <code>density</code> prop.
+        </VCardText>
+        <DemoSimpleTableDensity />
+      </VCard>
+    </VCol>
+
+    <VCol cols="12">
+      <VCard title="Height">
+        <VCardText>
+          You can set the height of the table by using the <code>height</code> prop.
+        </VCardText>
+        <DemoSimpleTableHeight />
+      </VCard>
+    </VCol>
+
+    <VCol cols="12">
+      <VCard title="Fixed Header">
+        <VCardText>
+          You can fix the header of table by using the <code>fixed-header</code> prop.
+        </VCardText>
+        <DemoSimpleTableFixedHeader />
+      </VCard>
+    </VCol>
+  </VRow>
+</template>

src/pages/subscribe-movie.vue

@@ -0,0 +1,9 @@
+<script setup lang="ts">
+import CardSolid from '@/views/pages/cards/card-basic/CardSolid.vue';
+</script>
+
+<template>
+  <div>
+    <CardSolid />
+  </div>
+</template>

src/pages/subscribe-tv.vue

@@ -0,0 +1,9 @@
+<script setup lang="ts">
+import CardSolid from '@/views/pages/cards/card-basic/CardSolid.vue';
+</script>
+
+<template>
+  <div>
+    <CardSolid />
+  </div>
+</template>

src/router/index.ts

@@ -12,48 +12,44 @@ const router = createRouter({
           path: 'dashboard',
           component: () => import('../pages/dashboard.vue')
         },
+        {
+          path: 'ranking',
+          component: () => import('../pages/ranking.vue'),
+        },
+        {
+          path: 'resources',
+          component: () => import('../pages/resources.vue'),
+        },
+        {
+          path: 'subscribe-movie',
+          component: () => import('../pages/subscribe-movie.vue'),
+        },
+        {
+          path: 'subscribe-tv',
+          component: () => import('../pages/subscribe-tv.vue'),
+        },
+        {
+          path: 'downloading',
+          component: () => import('../pages/downloading.vue'),
+        },
+        {
+          path: 'history',
+          component: () => import('../pages/history.vue'),
+        },
+        {          
+          path: 'sites',
+          component: () => import('../pages/sites.vue'),
+          meta: {
+            requiresAuth: true
+          }
+        },
         {
           path: 'account-settings',
           component: () => import('../pages/account-settings.vue'),
           meta: {
             requiresAuth: true
           }
-        },
-        {
-          path: 'typography',
-          component: () => import('../pages/typography.vue'),
-          meta: {
-            requiresAuth: true
-          }
-        },
-        {
-          path: 'icons',
-          component: () => import('../pages/icons.vue'),
-          meta: {
-            requiresAuth: true
-          }
-        },
-        {
-          path: 'cards',
-          component: () => import('../pages/cards.vue'),
-          meta: {
-            requiresAuth: true
-          }
-        },
-        {
-          path: 'tables',
-          component: () => import('../pages/tables.vue'),
-          meta: {
-            requiresAuth: true
-          }
-        },
-        {
-          path: 'form-layouts',
-          component: () => import('../pages/form-layouts.vue'),
-          meta: {
-            requiresAuth: true
-          }
-        },
+        }
       ],
     },
     {