• [x] Make the vue script syntax support the name attribute
• [x] Make the vue script setup syntax support the name attribute
• [x] Allow the vue script syntax with empty content support the name attribute
• [x] Use file path generate name attribute

node version: >=12.0.0 vite version: >=2.0.0

pnpm i vite-plugin-vue-component-name -D

or

npm i vite-plugin-vue-component-name -D

or

yarn add vite-plugin-vue-component-name -D

• Config plugin in vite.config.ts. In this way, the required functions can be introduced as needed

import { Plugin, defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import vueComponentName from 'vite-plugin-vue-component-name'

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

• SFC

<script lang="ts" setup name="App"></script>

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

• vite-plugin-vue-setup-extend

MIT License © 2023 tttxdxd