vike-vueVue integration for Vike, see vike.dev/vue.
UI framework Vike extensions like vike-vue:
onRenderHtml()) on your
behalf,Use Bati to scaffold a Vike app using vike-vue.
To add vike-vue to an existing Vike app:
vike-vue npm package in your project:npm install vike-vue
vike-vue: // /pages/+config.h.js
+import vikeVue from 'vike-vue/config'
+
export default {
// Existing Vike Core settings
// ...
+
+ // New setting introduced by vike-vue:
+ title: 'My Vike + Vue App',
+
+ extends: vikeVue
}
vike-vue implements the onRenderHtml() and
onRenderClient() hooks on your behalf, which are essentially the glue code between
Vike and Vue.
vike-vue introduces the following new hooks:
onCreateApp(): Allows you to extend the Vue app, typically for registering a Vue
plugin.vike-vue sets the following Vike Core settings on your behalf:
clientRouting=true: Enable Client Routing.hydrationCanBeAborted=true: Vue allows the
hydration to be aborted.vike-vue introduces the following new settings:
Head: Component Component to be rendered inside the <head> tag.title: string <title>...</title> tag.favicon: string <link rel="icon" href="..." /> attribute.lang: string <html lang="..."> attribute.ssr: boolean Enable/disable Server-Side Rendering
(SSR).stream: boolean Enable/disable HTML streaming.Layout: Component Wrapper for your Page component.vike-vue introduces the following new component hooks:
useData(): Access the data that is returned by a data() hook
from any component.usePageContext(): Access the pageContext object
from any component.vike-vue introduces the following new components:
ClientOnly: Wrapper to render and load a component only on the client-side.FAQs
Docs: [vike.dev/vike-vue](https://vike.dev/vike-vue) Source code: [GitHub > vikejs/vike-vue](https://github.com/vikejs/vike-vue)
The npm package vike-vue receives a total of 1,829 weekly downloads. As such, vike-vue popularity was classified as popular.
We found that vike-vue demonstrated a healthy version release cadence and project activity because the last version was released less than a year ago. It has 3 open source maintainers collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
Company News
Socket is joining TC54 to help develop standards for software supply chain security, contributing to the evolution of SBOMs, CycloneDX, and Package URL specifications.
Security News
PyPI now allows maintainers to archive projects, improving security and helping users make informed decisions about their dependencies.
Research
Security News
Malicious npm package postcss-optimizer delivers BeaverTail malware, targeting developer systems; similarities to past campaigns suggest a North Korean connection.