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.

Install Vite plugin ​

pnpm i -D vue-vine

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()
  ],
})

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

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

Use macro types ​

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

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

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