Get started

Welcome to join us to exploring another style of writing Vue!

Vine provides a Vite plugin and a VSCode extension to offer feature support.

TIPS

Vine's first stable release is v0.1.0.

Install Vite plugin

pnpm i -D vue-vine

Use the plugin in vite.config.ts:

import { VineVitePlugin } from 'vue-vine/vite'

export default defineConfig({
  plugins: [
    // ...Other plugins
    VineVitePlugin()
  ],
})

Install VSCode extension

Search "Vue Vine" in the marketplace and install it.

Use macro types

Vine provides a typescript declaration file to help you write macros with intellisense.

{
  "compilerOptions": {
    "types": ["vue-vine/macros"]
  }
}