@unplugin-vue-ce/v-model

A vue plugin that extends vue's Custom Element capabilities (v-model)

22,716 75

vue utils vite typescript react vue3 javascript web component

Install
`npm install @unplugin-vue-ce/v-model`
Latest Version:	1.0.0 (Sep 5, 2024)
Vue:	3
License:	MIT
Last Updated:	Sep 5, 2024
Links:	GitHub · npm

Maintainer: baiwusanyu

@unplugin-vue-ce/v-model

The implementation principle of @unplugin-vue-ce/v-model comes from vue/core pr #7525

Tips: ⚠ This plugin will inject the implementation code into the vue runtime, which is what I have to tell you. If you have any problems using it, please submit an issue

Snapshot

Install

npm i @unplugin-vue-ce/v-model

yarn add @unplugin-vue-ce/v-model

pnpm add @unplugin-vue-ce/v-model

Usage

Vite

// vite.config.ts
import { defineConfig } from 'vite'
import { viteVueCEVModel } from '@unplugin-vue-ce/v-model'
import vue from '@vitejs/plugin-vue'
import type { PluginOption } from 'vite'
export default defineConfig({
  plugins: [
    vue(),
    viteVueCEVModel() as PluginOption,
  ],
})

Rollup

// rollup.config.js
import { rollupVueCEVModel } from '@unplugin-vue-ce/v-model'
export default {
  plugins: [
    rollupVueCEVModel(),
  ],
}

Webpack

// webpack.config.js
module.exports = {
  /* ... */
  plugins: [
    require('@unplugin-vue-ce/v-model').webpackVueCEVModel(),
  ],
}

Vue CLI

// vue.config.js
module.exports = {
  configureWebpack: {
    plugins: [
      require('@unplugin-vue-ce/v-model').webpackVueCEVModel({}),
    ],
  },
}

ESBuild

// esbuild.config.js
import { build } from 'esbuild'
import { esbuildVueCEVModel } from '@unplugin-vue-ce/v-model'

build({
  plugins: [esbuildVueCEVModel()],
})