vueSetupExtend

方便给vue <script setup> 标签语法设置自定义属性。

快速开始

npm install @yuntian001/vue-setup-extend -D

vite.config.ts

import { defineConfig, Plugin } from 'vite'
import vue from '@vitejs/plugin-vue'
import { vueSetUpExtend } from '@yuntian001/vue-setup-extend';

export default defineConfig({
  plugins: [vue(), vueSetupExtend()],
})

规则

::: warning 注意 当代码中存在<script lang="ts>标签时，插件不会执行 :::

 <script lang="ts" setup name="App" auth="{{'type'+(3+4)}}" >
  const test = 1
</script>

会生成

<script lang="ts>
 import { defineComponent } from 'vue';
 export default defineComponent({name:'App',auth:'type'+(3+4)});
</script>
<script lang="ts" setup>
 const test = 1
</script>

配置参数

| config | 类型 |说明| | ----------- | ----------- | ----------- | | exclude | string[] | 需要排除的attribute | | setLangImport | boolean | 为true时会自动提取<script setup lang="ts">中形如useLocalesI18n({}, [(locale: string) => import(./lang/${locale}.json), 'compnentLang'])的语言加载函数设置为langImport属性,为meadmin-template专用，无需关注。 | | setComponents | boolean | 为true时会自动生成getComponents属性,值为：()=>[component1,component2...]。可用其获取所有引用的组件，为meadmin-template专用，无需关注。 |

config默认值为:{ exclude: ['lang', 'setup'] }