refactor: ♻️ 演示界面统一至demo下，精简删除demo目录即可

Former-commit-id: cef5e36eb0e60299d1a72b9a12c9ea8d93a77244

src/views/demo/permission/components/SwitchRoles.vue

@@ -0,0 +1,27 @@
+<template>
+  <div>
+    <div class="mb-[15px]">Your roles: {{ roles }}</div>
+    Switch roles:
+    <el-radio-group v-model="switchRoles">
+      <el-radio-button label="EDITOR" />
+      <el-radio-button label="ADMIN" />
+    </el-radio-group>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { useUserStoreHook } from "@/store/modules/user";
+import { storeToRefs } from "pinia";
+
+const emit = defineEmits(["change"]);
+const store = storeToRefs(useUserStoreHook());
+const { roles } = store;
+
+const switchRoles = computed({
+  get: () => roles.value[0],
+  set: (val) => {
+    roles.value = [val];
+    emit("change");
+  },
+});
+</script>

src/views/demo/permission/page.vue

@@ -0,0 +1,21 @@
+<template>
+  <div class="app-container">
+    <switch-roles @change="handleRolesChange" />
+  </div>
+</template>
+
+<script setup lang="ts">
+import router from "@/router";
+import SwitchRoles from "./components/SwitchRoles.vue";
+
+defineOptions({
+  // eslint-disable-next-line
+  name: "PagePermission",
+  inheritAttrs: false,
+});
+
+function handleRolesChange() {
+  console.log("roles changed");
+  router.push({ path: "/permission/page?" + new Date() });
+}
+</script>