feat: use unplugin-vue-define-options add setup name

src/views/able/ant-anchor.vue

@@ -1,6 +1,10 @@
 <script setup lang="ts">
 import { Anchor, AnchorLink } from "@pureadmin/components";
 
+defineOptions({
+  name: "AntAnchor"
+});
+
 function handleAnchorClick(e, link) {
   e.preventDefault();
   const srcolls = document.getElementById(link.href);

src/views/able/ant-tabs.vue

@@ -2,6 +2,10 @@
 import { ref } from "vue";
 import { Tabs, TabPane } from "@pureadmin/components";
 
+defineOptions({
+  name: "AntTabs"
+});
+
 const mode = ref("top");
 const activeKey = ref(1);
 const callback = (val: string) => {

src/views/able/ant-treeSelect.vue

@@ -2,6 +2,10 @@
 import { ref } from "vue";
 import { TreeSelect } from "@pureadmin/components";
 
+defineOptions({
+  name: "AntTreeSelect"
+});
+
 const value1 = ref<string>("");
 const treeData1 = ref([
   {

src/views/able/barcode.vue

@@ -1,6 +1,10 @@
 <script setup lang="ts">
 import ReBarcode from "/@/components/ReBarcode";
 
+defineOptions({
+  name: "BarCode"
+});
+
 const barcodes = [
   {
     text: "CODE128",

src/views/able/cascader.vue

@@ -9,6 +9,10 @@ import {
 } from "/@/utils/chinaArea";
 import { ref } from "vue";
 
+defineOptions({
+  name: "Cascader"
+});
+
 const selectedOptions1 = ref(["110000", "110100"]);
 const selectedOptions2 = ref(["120000", "120100", "120101"]);
 const selectedOptions3 = ref(["130000", ""]);

src/views/able/debounce.vue

@@ -3,6 +3,10 @@ import { ElMessage } from "element-plus";
 import { debounce } from "/@/utils/debounce";
 import { useDebounceFn, useThrottleFn } from "@vueuse/core";
 
+defineOptions({
+  name: "Debounce"
+});
+
 const handle = () => {
   ElMessage({
     message: "恭喜你，这是一条成功消息",

src/views/able/icon-select.vue

@@ -1,6 +1,11 @@
 <script setup lang="ts">
 import { ref } from "vue";
 import { IconSelect } from "/@/components/ReIcon";
+
+defineOptions({
+  name: "IconSelect"
+});
+
 let icon = ref("ep:add-location");
 </script>
 

src/views/able/line-tree.vue

@@ -5,6 +5,10 @@ import ElTreeLine from "/@/components/ReTreeLine";
 import { extractPathList, deleteChildren } from "/@/utils/tree";
 import { usePermissionStoreHook } from "/@/store/modules/permission";
 
+defineOptions({
+  name: "LineTree"
+});
+
 let menusData = computed(() => {
   return deleteChildren(usePermissionStoreHook().menusTree);
 });

src/views/able/menu-tree.vue

@@ -1,9 +1,3 @@
-<script lang="ts">
-export default {
-  name: "reMenuTree"
-};
-</script>
-
 <script setup lang="ts">
 import { ref, computed } from "vue";
 import type { ElTreeV2 } from "element-plus";
@@ -13,6 +7,10 @@ import { extractPathList, deleteChildren } from "/@/utils/tree";
 import { usePermissionStoreHook } from "/@/store/modules/permission";
 import type { TreeNode } from "element-plus/es/components/tree-v2/src/types";
 
+defineOptions({
+  name: "MenuTree"
+});
+
 interface treeNode extends TreeNode {
   meta: {
     title: string;

src/views/able/print.vue

@@ -4,6 +4,10 @@ import { reactive, ref } from "vue";
 import { VxeTablePropTypes } from "vxe-table";
 import { ReLine } from "../welcome/components";
 
+defineOptions({
+  name: "Print"
+});
+
 interface User {
   date: string;
   name: string;

src/views/able/qrcode.vue

@@ -4,6 +4,10 @@ import { ElMessage } from "element-plus";
 import avatars from "/@/assets/avatars.jpg";
 import ReQrcode from "/@/components/ReQrcode";
 
+defineOptions({
+  name: "QrCode"
+});
+
 const qrcodeText = "vue-pure-admin";
 
 const asyncTitle = ref("");

src/views/able/swiper.vue

@@ -6,6 +6,10 @@ import type { SwiperOptions } from "swiper";
 import { Swiper, SwiperSlide } from "swiper/vue";
 import SwiperCore, { Autoplay, Navigation, Pagination } from "swiper";
 
+defineOptions({
+  name: "Swiper"
+});
+
 type SwiperExampleOptions = Pick<
   SwiperOptions,
   | "navigation"

src/views/able/timeline.vue

@@ -1,7 +1,11 @@
 <script setup lang="ts">
 import { useRenderIcon } from "/@/components/ReIcon/src/hooks";
 import { useRenderFlicker } from "/@/components/ReFlicker";
-// eslint-disable-next-line no-undef
+
+defineOptions({
+  name: "TimeLine"
+});
+
 const { lastBuildTime } = __APP_INFO__;
 const activities = [
   {

src/views/able/virtual-list/index.vue

@@ -1,6 +1,10 @@
 <script setup lang="ts">
 import verticalList from "./vertical.vue";
 import horizontalList from "./horizontal.vue";
+
+defineOptions({
+  name: "VirtualList"
+});
 </script>
 
 <template>

src/views/able/watermark.vue

@@ -2,6 +2,10 @@
 import { ref } from "vue";
 import { useWatermark } from "/@/utils/watermark";
 
+defineOptions({
+  name: "WaterMark"
+});
+
 let color = ref("#409EFF");
 let value = ref("vue-pure-admin");
 const { setWatermark, clear } = useWatermark();