@fox-js/vite-plugin-vue-prop-autoset

Fox vite-plugin-vue-prop-autoset

用于给设置了v-model的组件，自动加上prop属性，prop属性为v-model对应的字面名称

原数据

<fox-input-item v-model="account"></fox-input-item>

格式化后, 自定加上name属性

<fox-input-item v-model="account" prop="account"></fox-input-item>

Install

NPM

npm i @fox-js/vite-plugin-vue-prop-autoset -D

YARN

yarn add @fox-js/vite-plugin-vue-prop-autoset -D

PNPM

pnpm add @fox-js/vite-plugin-vue-prop-autoset -F

使用指南

import { UserConfigExport, ConfigEnv, loadEnv } from 'vite'
import propAutoSet from '@fox-js/vite-plugin-vue-prop-autoset'
import { join } from 'path'

export default ({ command, mode }: ConfigEnv): UserConfigExport => {
  return {
    plugins: [
      propAutoSet({
        include: join(__dirname, '../src/page')
      })
    ]
  }
}