vite-plugin-pages VS vite-plugin-vue-layouts

vite-plugin-pages, auto generates routes for Vue components in the src/pages directory.

References to compare with something at all: * https://github.com/samchon/typescript-json (input transformer) * https://github.com/trpc/trpc (state-of-the-art end-to-end api) * https://github.com/spa5k/fastify-file-routes * https://github.com/hannoeru/vite-plugin-pages (frontend file-based routing)

Its more natural fit / easier to use for blog site. https://github.com/hannoeru/vite-plugin-pages is good too

I'm not sure what Nuxt adds. The vite-plugin-pages, has removed the only usecase I had for nuxt.

The good news is that, similar needs have been solved in the vite community with https://github.com/hannoeru/vite-plugin-pages, we just need to port it to webpack and https://github.com/unjs/unplugin got our back.

Thanks! I'll maybe work on some vite plugin to make it work here too since there are plugins like https://github.com/hannoeru/vite-plugin-pages

Since official SolidJS starter template are vite-based we can easily use vite-plugin-pages to create automatic routing a.k.a file based routing with official solid-app-router package.

File-based routing

I recently came across this and find it super easy to use: https://github.com/JohnCampionJr/vite-plugin-vue-layouts

So when using Vue we don't particularly have a layout system either unless you're using something like Nuxt or Vite Plugin Vue Layouts both of which abstract the problem away with some magic. Unfortunately, Nuxt doesn't have fantastic JSX/TSX support with Nuxt3 as of yet and the Vite Plugin is currently only designed to handle Single File Components (SFCs), so for a JSX/TSX user such as myself this is untenable.

- Vite-plugin-vue-layouts - layouts for pages

Vite plugin vue layouts