feat: loading and spinner component with directive (#5587)

* 添加loading和spinner组件，以及对应的vue指令

playground/src/router/routes/modules/examples.ts

@@ -290,6 +290,15 @@ const routes: RouteRecordRaw[] = [
           title: 'CountTo',
         },
       },
+      {
+        name: 'Loading',
+        path: '/examples/loading',
+        component: () => import('#/views/examples/loading/index.vue'),
+        meta: {
+          icon: 'mdi:circle-double',
+          title: 'Loading',
+        },
+      },
     ],
   },
 ];