Vue

`vike-vue`

We recommend using vike-vue which integrates Vue in a full-fledged manner.

Use vike.dev/new to scaffold a new Vike app that uses vike-vue.

You can also integrate Vue yourself if you want full control over the Vue integration.

Custom integration

Instead of using vike-vue, you can implement your own Vue integration for full control over Vue as well as Vue libraries.

🧠
Custom integrations can be complex and we generally recommend using vike-vue instead.

👉 A custom integration can make sense in following scenarios:
You are building an app with a simple architecture.
For example https://vike.dev has a simple architecture — it uses a custom integration.
You can read the source code of vike-vue — it's small! — and check whether you need most of the code. If you do then it probably makes sense to use vike-vue.
You are using vike-vue but ran into a blocker.
Before migrating away from vike-vue, we recommend talking with Vike maintainers to explore your options.
See also: Vike extension VS custom integration.

You can use vike.dev/new/core to scaffold a Vike app that uses a manual Vue integration.

Official examples:

/packages/create-vike-core/boilerplate-vue-ts - Classic integration, using Client Routing.
/examples/vue-minimal - Minimal integration, using Server Routing.
vike-vue source code - Full-fledged integration.

For more official examples, see GitHub > vikejs/vike > examples/.

Community examples:

2023.12 GitHub > luisfuturist/vike-island-example - Islands Architecture, mixed React and Vue.
2022.08 GitHub > AaronBeaudoin/vite-plugin-ssr-example - Vue integration supporting all render modes (SSR, SPA, and HTML-only).

For more community examples, see integration guides such as Vue Query.