unplugin-auto-import
unplugin-vue-components
Our great sponsors
unplugin-auto-import | unplugin-vue-components | |
---|---|---|
22 | 18 | |
2,929 | 3,509 | |
3.6% | 2.7% | |
7.8 | 7.0 | |
28 days ago | about 1 month 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.
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
unplugin-vue-components
- Vue 3 vs Vue 2 so far? What's your opinion? Things I didn't like about Vue 3 compared to Vue 2
-
Saw this on twitter last night ๐๐
unplugin-vue-components, auto import components in the src/components path.
-
Does anyone uses nvim?
One suggestion I have though to make your life easier is to add the unplugin plugin to your app and then you won't have to list all the components you are importing. https://github.com/antfu/unplugin-vue-components
- How to register all the components in subfolders?
-
Import commonly-used module once, not in each component?
Add in unplugin-vue-components and you cut away a lot of boilerplate import nonsense.
-
Amatuer question - I'm using PrimeVUE to create a UI, do I need to import each control I'm using?
Presumably you're using Vite so you can check out unplugin-vue-components and the Prime Vue resolver. This should enable you to simply use whatever component you want within your template and Vite will auto import it for you without having to explicitly do so yourself.
-
Do I need Quasar CLI If I only need Quasar's components and nothing else ?
I can recommend unplugin-vue-components with the quasar resolver
-
Can I import all components in a particular folder with one "import" statement?
As someone mentioned unplugin-vue-components.
- Jak przejลฤ z Webpack (Vue CLI) na Vite?
-
Vue 3 - UI Framework for large desktop app (Quasar or element plus + vuetify alpha?)
I'd like to add https://github.com/antfu/unplugin-icons and https://github.com/antfu/unplugin-vue-components.
What are some alternatives?
pinia - ๐ Intuitive, type safe, light and flexible Store for Vue using the composition api with DevTools support
unplugin-icons - ๐คน Access thousands of icons as components on-demand universally.
vite-plugin-pages - File system based route generator for โก๏ธVite
unocss - The instant on-demand atomic CSS engine.
unplugin-vue2-script-setup - ๐ก Bring `<script setup>` to Vue 2.
vite-imagetools - Load and transform images using a toolbox :toolbox: of custom import directives!
vite - Next generation frontend tooling. It's fast!
unplugin-fonts - Universal Webfont loader - Unfonts - based on https://web.dev/optimize-webfont-loading/
Svelte - Cybernetically enhanced web apps
vite-quasar-api - spring boot jpa
rfcs - RFCs for substantial changes / feature additions to Vue core