1.0.0 • Published 2 years ago
@yuntian001/vue-setup-extend v1.0.0
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'] }
1.0.0
2 years ago
1.0.0-beta.0
2 years ago