bun-plugin-vue3

A Bun plugin for Vue 3 Single File Components.

Installation

bun add -D bun-plugin-vue3

Dev Server Usage

bun-plugin-vue3 integrates with Bun's Fullstack Dev Server, giving you HMR when developing your Vue app.

Start by registering it in your bunfig.toml:

[serve.static]
plugins = ["bun-plugin-vue3"]

Then start your dev server:

bun index.html

Bundler Usage

bun-plugin-vue3 lets you bundle Vue components with Bun.build.

// build.ts
// to use: bun build.ts
import { pluginVue3 } from 'bun-plugin-vue3'

await Bun.build({
  entrypoints: ['./index.html'],
  outdir: './dist',
  plugins: [
    pluginVue3({
      isProduction: false, // Enable for production builds
    }),
  ],
})

Development

Setup

git clone https://github.com/jh0rman/bun-plugin-vue.git
cd bun-plugin-vue
bun install

Contributing

Contributions are welcome! Please feel free to submit a Pull Request.