refactor: use setup refactor

src/views/permission/button/index.vue

@@ -1,3 +1,18 @@
+<script setup lang="ts">
+import { ref } from "vue";
+import { storageSession } from "/@/utils/storage";
+
+const auth = ref(storageSession.getItem("info").username || "admin");
+
+function changRole(value) {
+  storageSession.setItem("info", {
+    username: value,
+    accessToken: `eyJhbGciOiJIUzUxMiJ9.${value}`
+  });
+  window.location.reload();
+}
+</script>
+
 <template>
   <div class="app-container">
     <el-radio-group v-model="auth" @change="changRole">
@@ -8,30 +23,3 @@
     <p v-auth="'v-test'">只有test可看</p>
   </div>
 </template>
-
-<script lang="ts">
-import { ref } from "vue";
-import { storageSession } from "/@/utils/storage";
-export default {
-  name: "permissionButton",
-  setup() {
-    const auth = ref(storageSession.getItem("info").username || "admin");
-
-    function changRole(value) {
-      storageSession.setItem("info", {
-        username: value,
-        accessToken: `eyJhbGciOiJIUzUxMiJ9.${value}`
-      });
-
-      window.location.reload();
-    }
-
-    return {
-      auth,
-      changRole
-    };
-  }
-};
-</script>
-
-<style scoped></style>

src/views/permission/page/index.vue

@@ -1,3 +1,26 @@
+<script setup lang="ts">
+import { ref, unref } from "vue";
+import { storageSession } from "/@/utils/storage";
+
+let purview: string = ref(storageSession.getItem("info").username);
+
+function changRole() {
+  if (unref(purview) === "admin") {
+    storageSession.setItem("info", {
+      username: "test",
+      accessToken: "eyJhbGciOiJIUzUxMiJ9.test"
+    });
+    window.location.reload();
+  } else {
+    storageSession.setItem("info", {
+      username: "admin",
+      accessToken: "eyJhbGciOiJIUzUxMiJ9.admin"
+    });
+    window.location.reload();
+  }
+}
+</script>
+
 <template>
   <div class="app-container">
     <h4>
@@ -10,35 +33,3 @@
     <el-button type="primary" @click="changRole">切换角色</el-button>
   </div>
 </template>
-
-<script lang="ts">
-import { ref, unref } from "vue";
-import { storageSession } from "/@/utils/storage";
-export default {
-  name: "permissionPage",
-  setup() {
-    let purview: string = ref(storageSession.getItem("info").username);
-
-    function changRole() {
-      if (unref(purview) === "admin") {
-        storageSession.setItem("info", {
-          username: "test",
-          accessToken: "eyJhbGciOiJIUzUxMiJ9.test"
-        });
-        window.location.reload();
-      } else {
-        storageSession.setItem("info", {
-          username: "admin",
-          accessToken: "eyJhbGciOiJIUzUxMiJ9.admin"
-        });
-        window.location.reload();
-      }
-    }
-
-    return {
-      purview,
-      changRole
-    };
-  }
-};
-</script>