Are you building @astro SSR apps but need client-side routing for only some subpages?
For a side project I'm currently working on, I needed some sections with client-side routing, but I wanted Astro page-based routing for the rest.
Here's how to integrate #Vue Router into your Astro project for seamless single-page application (SPA)-style routing with Vue.js.

https://flori.dev/reads/astro-vue-router

#Routing #WebDev #Astro #Vue #VueRouter

Vue.js Client-Side Routing in Astro SSR Apps

Learn how to integrate Vue Router within Astro’s island architecture for smooth client-side navigation in specific sections of your application.

flori.dev

I'm so fucking tired of counting the times I've searched "how to add a disabled state for RouterLink", and everywhere they like "well, you can't, write your own component.".

I wrote one, and the most important thing about it is that it extends RouterLink, and TypeScript knows about this.

#vue #VueRouter #Typescript

https://partizan.dev/tech/app-link

Vue RouterLink with disabled state | partizan.dev

We need 'disabled' prop in the official repo, but whatever...

Vue Cheatsheet

The only VueJS cheatsheet you will ever need

unplugin-vue-router brings some nice Nuxt routing and enhanced Typescript functionality to Vue.

It's currently only "experimental", but it is maintained by a vue core team member.

Assuming it reaches stable and eventually makes it vue-router, are there any other developer UX or client features you want to see included in Vue?

https://github.com/posva/unplugin-vue-router

#vue #vuejs #vuerouter #nuxt #nuxtjs #typescript

GitHub - posva/unplugin-vue-router: Next Generation file based typed routing for Vue Router

Next Generation file based typed routing for Vue Router - posva/unplugin-vue-router

GitHub

vueday | 10 November 2023 | Verona (https://vueday.it/):

Apply to the #CFP and become #vueday speaker: https://t.co/1ewQxUlXRw 

You have time until 31.08.23
See you in📍 Verona on 📅 10.11.23
🎫 https://t.co/bp3EaXBlpi

@grusp #vue #vuejs #nuxtjs #vuex #vuerouter #testing #GraphQL #libraries #vuejsdeveloper #learnprogramming #vuedev https://t.co/k0pGCFfj8S

vueday | 10 November 2023 | Verona (https://vueday.it/):

#vueday #CFP is open!
We look forward to hearing from you: https://t.co/1ewQxUlXRw

See you in📍 Verona on 📅 10.11.23
🎫 https://t.co/bp3EaXBlpi

@grusp #vue #vuejs #nuxtjs #vuex #vuerouter #testing #GraphQL #components #libraries #vuejsdeveloper #js #learnprogramming #vuedev https://t.co/oGbNefbMMg

📝 blogged: Build a dynamic navigation based on route configuration using #vue3 and #vuerouter
https://k9n.dev/blog/2022-12-vue-route-based-nav-menu
Also available for reading on @ThePracticalDev
https://dev.to/dkoppenhagen/route-based-navigation-menus-in-vue-od2
Route based navigation menus in Vue

Learn how to build a dynamic navigation menu based on the route configuration using Vue3 and Vue Router.

Front-End Developer - We are looking for a front-end web developer who brings creative problem solving,... Routenote / Truro, Cornwall http://routenote.com/blog/routenote-are-hiring-front-end-web-developer/ #Dev front #HTML #CSS #JS #Vue #VueX #VueRouter by @[email protected]
RouteNote are hiring: Front End Web Developer - RouteNote Blog

We are looking for a front-end web developer who brings creative problem solving, first-principles thinking, and passion to the team.

RouteNote Blog
まさにこれと同じで、vue-cli3系使って作った雛形のdefault exportしてるrouter.js、store.js、main.jsの構成の場合、Now Loading表示のためにbeforeEach追加したいんだけどどこに書けば良いのか……というところで嵌ってる。 https://teratail.com/questions/135974 #vuejs #vuerouter
vue-routerのbeforeEachを書く場所|teratail

vue-routerにてbeforeEachを使う場合、以下のように使われるかと思います。 const router = new Router({ routes: [...]})router.beforeEach((to, from, next) => { ...})export def