feat: add ripple directive

src/router/menus/modules/demo/feat.ts

@@ -6,6 +6,9 @@ const menu: MenuModule = {
   menu: {
     name: t('routes.demo.feat.feat'),
     path: '/feat',
+    tag: {
+      dot: true,
+    },
 
     children: [
       {
@@ -44,6 +47,13 @@ const menu: MenuModule = {
         path: 'watermark',
         name: t('routes.demo.feat.watermark'),
       },
+      {
+        path: 'ripple',
+        name: t('routes.demo.feat.ripple'),
+        tag: {
+          content: 'new',
+        },
+      },
       {
         path: 'full-screen',
         name: t('routes.demo.feat.fullScreen'),

src/router/routes/modules/demo/feat.ts

@@ -86,6 +86,14 @@ const feat: AppRouteModule = {
         title: t('routes.demo.feat.watermark'),
       },
     },
+    {
+      path: 'ripple',
+      name: 'RippleDemo',
+      component: () => import('/@/views/demo/feat/ripple/index.vue'),
+      meta: {
+        title: t('routes.demo.feat.ripple'),
+      },
+    },
     {
       path: 'full-screen',
       name: 'FullScreenDemo',