@ctrlc/vite-plugin-vue-script-attrs v1.0.0

@ctrlc/vite-plugin-vue-script-attrs

用于vue3在script使用setup语法时，声明name以及inheritAttrs属性

使用手册

安装

npm i @ctrlc/vite-plugin-vue-script-attrs -D

使用方式

在vite.config.ts文件中引入插件：

...
import vue from '@vitejs/plugin-vue'
import vueScriptAttrs from '@ctrlc/vite-plugin-vue-script-attrs';

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

示例：

<template>
  <div>hello world</div>
</template>

<script lang="ts" setup name="App" inherit-attrs="false">
  // code here
</script>

转义为

import { defineComponent } from 'vue'

export default defineComponent({
  name: "App",
  inheritAttrs: false,
})

配置项

文档

gitee