chore: Update the preview address

apps/web-antd/src/router/routes/modules/vben.ts

@@ -1,6 +1,12 @@
 import type { RouteRecordRaw } from 'vue-router';
 
-import { VBEN_DOC_URL, VBEN_GITHUB_URL, VBEN_LOGO_URL } from '@vben/constants';
+import {
+  VBEN_DOC_URL,
+  VBEN_ELE_PREVIEW_URL,
+  VBEN_GITHUB_URL,
+  VBEN_LOGO_URL,
+  VBEN_NAIVE_PREVIEW_URL,
+} from '@vben/constants';
 
 import { BasicLayout, IFrameView } from '#/layouts';
 import { $t } from '#/locales';
@@ -10,7 +16,6 @@ const routes: RouteRecordRaw[] = [
     component: BasicLayout,
     meta: {
       badgeType: 'dot',
-      badgeVariants: 'destructive',
       icon: VBEN_LOGO_URL,
       order: 9999,
       title: $t('page.vben.title'),
@@ -23,8 +28,6 @@ const routes: RouteRecordRaw[] = [
         path: '/vben-admin/about',
         component: () => import('#/views/_core/vben/about/index.vue'),
         meta: {
-          badgeType: 'dot',
-          badgeVariants: 'destructive',
           icon: 'lucide:copyright',
           title: $t('page.vben.about'),
         },
@@ -50,6 +53,26 @@ const routes: RouteRecordRaw[] = [
           title: 'Github',
         },
       },
+      {
+        name: 'VbenNaive',
+        path: '/vben-admin/naive',
+        component: IFrameView,
+        meta: {
+          badgeType: 'dot',
+          link: VBEN_NAIVE_PREVIEW_URL,
+          title: 'Naive UI 版本',
+        },
+      },
+      {
+        name: 'VbenElementPlus',
+        path: '/vben-admin/ele',
+        component: IFrameView,
+        meta: {
+          badgeType: 'dot',
+          link: VBEN_ELE_PREVIEW_URL,
+          title: 'Element Plus 版本',
+        },
+      },
     ],
   },
 ];

apps/web-ele/src/router/routes/modules/vben.ts

@@ -1,6 +1,12 @@
 import type { RouteRecordRaw } from 'vue-router';
 
-import { VBEN_DOC_URL, VBEN_GITHUB_URL, VBEN_LOGO_URL } from '@vben/constants';
+import {
+  VBEN_DOC_URL,
+  VBEN_GITHUB_URL,
+  VBEN_LOGO_URL,
+  VBEN_NAIVE_PREVIEW_URL,
+  VBEN_PREVIEW_URL,
+} from '@vben/constants';
 
 import { BasicLayout, IFrameView } from '#/layouts';
 import { $t } from '#/locales';
@@ -10,7 +16,6 @@ const routes: RouteRecordRaw[] = [
     component: BasicLayout,
     meta: {
       badgeType: 'dot',
-      badgeVariants: 'destructive',
       icon: VBEN_LOGO_URL,
       order: 9999,
       title: $t('page.vben.title'),
@@ -23,8 +28,6 @@ const routes: RouteRecordRaw[] = [
         path: '/vben-admin/about',
         component: () => import('#/views/_core/vben/about/index.vue'),
         meta: {
-          badgeType: 'dot',
-          badgeVariants: 'destructive',
           icon: 'lucide:copyright',
           title: $t('page.vben.about'),
         },
@@ -50,6 +53,26 @@ const routes: RouteRecordRaw[] = [
           title: 'Github',
         },
       },
+      {
+        name: 'VbenNaive',
+        path: '/vben-admin/naive',
+        component: IFrameView,
+        meta: {
+          badgeType: 'dot',
+          link: VBEN_NAIVE_PREVIEW_URL,
+          title: 'Naive UI 版本',
+        },
+      },
+      {
+        name: 'VbenAntd',
+        path: '/vben-admin/aned',
+        component: IFrameView,
+        meta: {
+          badgeType: 'dot',
+          link: VBEN_PREVIEW_URL,
+          title: 'Ant Design 版本',
+        },
+      },
     ],
   },
 ];

apps/web-naive/src/router/routes/modules/vben.ts

@@ -1,6 +1,12 @@
 import type { RouteRecordRaw } from 'vue-router';
 
-import { VBEN_DOC_URL, VBEN_GITHUB_URL, VBEN_LOGO_URL } from '@vben/constants';
+import {
+  VBEN_DOC_URL,
+  VBEN_ELE_PREVIEW_URL,
+  VBEN_GITHUB_URL,
+  VBEN_LOGO_URL,
+  VBEN_PREVIEW_URL,
+} from '@vben/constants';
 
 import { BasicLayout, IFrameView } from '#/layouts';
 import { $t } from '#/locales';
@@ -10,7 +16,6 @@ const routes: RouteRecordRaw[] = [
     component: BasicLayout,
     meta: {
       badgeType: 'dot',
-      badgeVariants: 'destructive',
       icon: VBEN_LOGO_URL,
       order: 9999,
       title: $t('page.vben.title'),
@@ -23,8 +28,6 @@ const routes: RouteRecordRaw[] = [
         path: '/vben-admin/about',
         component: () => import('#/views/_core/vben/about/index.vue'),
         meta: {
-          badgeType: 'dot',
-          badgeVariants: 'destructive',
           icon: 'lucide:copyright',
           title: $t('page.vben.about'),
         },
@@ -50,6 +53,26 @@ const routes: RouteRecordRaw[] = [
           title: 'Github',
         },
       },
+      {
+        name: 'VbenAntd',
+        path: '/vben-admin/aned',
+        component: IFrameView,
+        meta: {
+          badgeType: 'dot',
+          link: VBEN_PREVIEW_URL,
+          title: 'Ant Design 版本',
+        },
+      },
+      {
+        name: 'VbenElementPlus',
+        path: '/vben-admin/ele',
+        component: IFrameView,
+        meta: {
+          badgeType: 'dot',
+          link: VBEN_ELE_PREVIEW_URL,
+          title: 'Element Plus 版本',
+        },
+      },
     ],
   },
 ];

packages/@core/base/shared/src/constants/vben.ts

@@ -1,22 +1,24 @@
 /**
  * @zh_CN GITHUB 仓库地址
  */
-const VBEN_GITHUB_URL = 'https://github.com/vbenjs/vue-vben-admin';
+export const VBEN_GITHUB_URL = 'https://github.com/vbenjs/vue-vben-admin';
 
 /**
  * @zh_CN 文档地址
  */
-const VBEN_DOC_URL = 'https://doc.vben.pro';
+export const VBEN_DOC_URL = 'https://doc.vben.pro';
 
 /**
  * @zh_CN Vben Logo
  */
-const VBEN_LOGO_URL =
+export const VBEN_LOGO_URL =
   'https://unpkg.com/@vbenjs/static-source@0.1.5/source/logo-v1.webp';
 
 /**
  * @zh_CN Vben Admin 首页地址
  */
-const VBEN_PREVIEW_URL = 'https://vben.pro';
+export const VBEN_PREVIEW_URL = 'https://www.vben.pro';
 
-export { VBEN_DOC_URL, VBEN_GITHUB_URL, VBEN_LOGO_URL, VBEN_PREVIEW_URL };
+export const VBEN_ELE_PREVIEW_URL = 'https://ele.vben.pro';
+
+export const VBEN_NAIVE_PREVIEW_URL = 'https://naive.vben.pro';