@yuntian001/vue-setup-extend

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: ['lang', 'setup'] }