Comments (4)
FYI a full integration with Vue Router is in progress.
from vike.
The URL is available at contextProps.url
and you can pass it to the browser by adding it to passToClient
.
// _default.page.server.js
export const passToClient = ['pageProps', 'url'];
You can then pass contextProps.url
to all your components with https://v3.vuejs.org/api/application-api.html#provide or https://v3.vuejs.org/guide/migration/global-api.html#vue-prototype-replaced-by-config-globalproperties. If you use Vue 2: https://vuejs.org/v2/cookbook/adding-instance-properties.html#Base-Example.
Does that work for you?
from vike.
I will try, thanks
from vike.
See https://github.com/brillout/vite-plugin-ssr#active-links-a-classis-active.
Note that contextProps.url
is depcrated; use contextProps.urlPathname
or contextProps.urlFull
instead.
from vike.
Related Issues (20)
- New Vike Extensions
- Inconsistent Object Property Formatting in `Prerender.js` HOT 1
- I stumbled upon a Vike bug... HOT 11
- I got this error after running npm run build HOT 3
- Allow STORYBOOK as env var HOT 7
- Potential Bug: Upgrade to Vike 0.4.172 Breaks HMR in Dev Mode HOT 7
- Improve environment variables support HOT 2
- Hot reloading of CSS modules HOT 1
- Could not resolve "vike-react/config" [plugin vike-esbuild] HOT 32
- vike bug HOT 2
- Git clone of vike to Mac OS causes case sensitivity error now HOT 1
- Vike bug HOT 3
- Logger assumes string HOT 2
- Code based routing
- Config inheritance bug HOT 2
- Improve Algolia search
- Bug
- Bugs with alias 'vue': 'vue/dist/vue.esm-bundler.js' HOT 1
- basic src/pages/ structure is weirdly converted to domain driven structure HOT 3
- I got error, but no more info for bugs. HOT 4
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from vike.