fix: fix a series of known problems,fixed #54

apps/web-antd/package.json

@@ -43,7 +43,7 @@
     "@vben/utils": "workspace:*",
     "@vueuse/core": "^10.11.0",
     "ant-design-vue": "^4.2.3",
-    "dayjs": "^1.11.11",
+    "dayjs": "^1.11.12",
     "pinia": "2.1.7",
     "vue": "^3.4.32",
     "vue-router": "^4.4.0"

apps/web-antd/src/locales/langs/en-US.json

@@ -27,6 +27,12 @@
         "embedded": "Embedded",
         "externalLink": "External Link"
       },
+      "badge": {
+        "title": "Menu Badge",
+        "dot": "Dot Badge",
+        "text": "Text Badge",
+        "color": "Badge Color"
+      },
       "fallback": { "title": "Fallback Page" },
       "features": {
         "title": "Features",

apps/web-antd/src/locales/langs/zh-CN.json

@@ -27,6 +27,12 @@
         "embedded": "内嵌",
         "externalLink": "外链"
       },
+      "badge": {
+        "title": "菜单徽标",
+        "dot": "点徽标",
+        "text": "文本徽标",
+        "color": "徽标颜色"
+      },
       "fallback": {
         "title": "缺省页"
       },

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

@@ -177,6 +177,48 @@ const routes: RouteRecordRaw[] = [
           },
         ],
       },
+      {
+        meta: {
+          icon: 'lucide:circle-dot',
+          title: $t('page.demos.badge.title'),
+        },
+        name: 'BadgeDemo',
+        path: 'badge',
+        redirect: '/demos/badge/dot',
+        children: [
+          {
+            name: 'BadgeDotDemo',
+            component: () => import('#/views/demos/badge/index.vue'),
+            path: 'dot',
+            meta: {
+              badgeType: 'dot',
+              icon: 'lucide:square-dot',
+              title: $t('page.demos.badge.dot'),
+            },
+          },
+          {
+            name: 'BadgeTextDemo',
+            component: () => import('#/views/demos/badge/index.vue'),
+            path: 'text',
+            meta: {
+              badge: 'New',
+              icon: 'lucide:square-dot',
+              title: $t('page.demos.badge.text'),
+            },
+          },
+          {
+            name: 'BadgeColorDemo',
+            component: () => import('#/views/demos/badge/index.vue'),
+            path: 'color',
+            meta: {
+              badge: 'Hot',
+              badgeVariants: 'destructive',
+              icon: 'lucide:square-dot',
+              title: $t('page.demos.badge.color'),
+            },
+          },
+        ],
+      },
       {
         meta: {
           icon: 'ic:round-settings-input-composite',

apps/web-antd/src/views/demos/badge/index.vue

@@ -0,0 +1,9 @@
+<script lang="ts" setup>
+import { Fallback } from '@vben/common-ui';
+
+defineOptions({ name: 'Menu321' });
+</script>
+
+<template>
+  <Fallback description="用于徽标示例" status="coming-soon" title="徽标示例" />
+</template>