@unplugin-vue-ce/switch-shadow

A vue plugin that extends vue's Custom Element capabilities (free switch shadow)

22,451 75

vue utils vite typescript react vue3 javascript web component

Install
`npm install @unplugin-vue-ce/switch-shadow`
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/switch-shadow

The implementation principle of @unplugin-vue-ce/switch-shadow comes from vue/core pr #7971

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

TODO

Install

npm i @unplugin-vue-ce/switch-shadow

yarn add @unplugin-vue-ce/switch-shadow

pnpm add @unplugin-vue-ce/switch-shadow

Usage

Vite

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

Rollup

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

Webpack

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

Vue CLI

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

ESBuild

// esbuild.config.js
import { build } from 'esbuild'
import { esbuildVueCEShadow } from '@unplugin-vue-ce/switch-shadow'

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