DEV Community

Cover image for Quasar "Nuxt-like" Routing is here!
Luke for Quasar

Posted on

Quasar "Nuxt-like" Routing is here!

Ever wanted auto-routing in Quasar? Kinda like Nuxt?
Well now it's possible with Quasar auto-routing

To get started:

quasar ext add auto-routing
Enter fullscreen mode Exit fullscreen mode

And use the generated routes in your routes.js file:

import autoRouting from './auto-routing' // 💥

const routes = [
  ...autoRouting, // 💥

  // Always leave this as last one,
  // but you can also remove it
  {
    path: '/:catchAll(.*)*',
    component: () => import('pages/Error404.vue')
  }
]

export default routes
Enter fullscreen mode Exit fullscreen mode

Find out more on the github repo!

This is still new, so feedback/PRs most welcome!

Thank You ktsn...

And a MASSIVE thankyou to the following libraries:
vue-route-generator
vue-router-layout

Quasar Auto Routing is basically just "sticky tape" for these two libraries so 99% of the work is not my own!

That's all for this but before I go remember,

You can build anything...

Discussion (0)