vite-plugin-pages
unplugin-auto-import
vite-plugin-pages | unplugin-auto-import | |
---|---|---|
14 | 22 | |
1,732 | 2,948 | |
- | 2.1% | |
8.1 | 7.5 | |
6 days ago | 10 days ago | |
TypeScript | TypeScript | |
MIT License | MIT License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
vite-plugin-pages
-
Saw this on twitter last night ๐๐
vite-plugin-pages, auto generates routes for Vue components in the src/pages directory.
-
KitaJs Survey - No runtime code, fast as bare metal and top level framework.
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)
-
Anyone tried nuxt3 for blogging and monitizing it?
Its more natural fit / easier to use for blog site. https://github.com/hannoeru/vite-plugin-pages is good too
- alternative to nuxt.js?
-
Can using nuxt simplify build?
I'm not sure what Nuxt adds. The vite-plugin-pages, has removed the only usecase I had for nuxt.
-
File system based routing with webpack
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.
- Jak przejลฤ z Webpack (Vue CLI) na Vite?
-
I created a Nuxt 3 module that automatically type your routes names and params. More in comments
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
-
Add vite-plugin-pages to SolidJS
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.
-
Is Nuxt 3 ready for production? Is anyone using it?
File-based routing
unplugin-auto-import
-
Welcome to the dark side. Ree.js awaits you!
Unplugin auto import
- Vue 3 vs Vue 2 so far? What's your opinion? Things I didn't like about Vue 3 compared to Vue 2
-
using types without import them
You looked through https://github.com/antfu/unplugin-auto-import/issues/61, https://github.com/unjs/unimport/pull/218 and https://github.com/antfu/unplugin-auto-import/issues/61?
-
Saw this on twitter last night ๐๐
unplugin-auto-import, let's you set what any library to be automatically imported. It has reasonable defaults for popular libraries.
-
Better DX in JS apps with unplugin-auto-import
AutoImport({ // targets to transform include: [ /\.[tj]sx?$/, // .ts, .tsx, .js, .jsx /\.vue$/, /\.vue\?vue/, // .vue /\.md$/, // .md ], // global imports to register imports: [ // presets 'vue', 'vue-router', // custom { '@vueuse/core': [ // named imports 'useMouse', // import { useMouse } from '@vueuse/core', // alias ['useFetch', 'useMyFetch'], // import { useFetch as useMyFetch } from '@vueuse/core', ], 'axios': [ // default imports ['default', 'axios'], // import { default as axios } from 'axios', ], '[package-name]': [ '[import-names]', // alias ['[from]', '[alias]'], ], }, ], // Enable auto import by filename for default module exports under directories defaultExportByFilename: false, // Auto import for module exports under directories // by default it only scan one level of modules under the directory dirs: [ // './hooks', // './composables' // only root modules // './composables/**', // all nested modules // ... ], // Filepath to generate corresponding .d.ts file. // Defaults to './auto-imports.d.ts' when `typescript` is installed locally. // Set `false` to disable. dts: './auto-imports.d.ts', // Auto import inside Vue template // see https://github.com/unjs/unimport/pull/15 and https://github.com/unjs/unimport/pull/72 vueTemplate: false, // Custom resolvers, compatible with `unplugin-vue-components` // see https://github.com/antfu/unplugin-auto-import/pull/23/ resolvers: [ /* ... */ ], // Generate corresponding .eslintrc-auto-import.json file. // eslint globals Docs - https://eslint.org/docs/user-guide/configuring/language-options#specifying-globals eslintrc: { enabled: false, // Default `false` filepath: './.eslintrc-auto-import.json', // Default `./.eslintrc-auto-import.json` globalsPropValue: true, // Default `true`, (true | false | 'readonly' | 'readable' | 'writable' | 'writeable') }, })
- Vue 3 over Nuxt 3
-
Import commonly-used module once, not in each component?
If you donโt want to write the import everywhere, use a unplug auto importing plug-in: https://github.com/antfu/unplugin-auto-import
-
Pinia as global $store
I forgot to specify, for the AutoImport I'm using unplugin-auto-import/vite
-
[NUXT3] Is there a more elegant way to get current route?
Others have already mentioned answers but I just want to say if you are bothered by importing reactive and computed take a look at https://github.com/antfu/unplugin-auto-import.
-
[AskJS] why no other javascript framework has implemented this feature (yet) ?
You can check out https://github.com/antfu/unplugin-auto-import
What are some alternatives?
vite-plugin-vue-layouts - Vue layout plugin for Vite
unplugin-vue-components - ๐ฒ On-demand components auto importing for Vue
pinia - ๐ Intuitive, type safe, light and flexible Store for Vue using the composition api with DevTools support
vite-quasar-api - spring boot jpa
unplugin-vue2-script-setup - ๐ก Bring `<script setup>` to Vue 2.
fastify-express - Express compatibility layer for Fastify
vite - Next generation frontend tooling. It's fast!
vite-ssg - Static site generation for Vue 3 on Vite
Svelte - Cybernetically enhanced web apps
convue - convue is a plugin for vite based on vite and vue3 that gives you a set of experiences for rapid development projects, similar to nuxt and umi.js.
Quasar Framework - Quasar Framework - Build high-performance VueJS user interfaces in record time