chrome-extension-tools
unplugin-auto-import
Our great sponsors
chrome-extension-tools | unplugin-auto-import | |
---|---|---|
14 | 22 | |
2,317 | 2,919 | |
5.1% | 3.3% | |
7.1 | 7.8 | |
17 days ago | 18 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.
chrome-extension-tools
-
Create a Keyword Generator Chrome Extension๐ฅ
In this tutorial I'm going to teach you, how you can create a a use-full and very power-full google chrome extension. Anyway, to do this we are goin to use CRXJS which is a vite plugin and also most famous and use-full ReactJs.
- The state of Chrome extensions development
-
Browser extension Framework or Scaffold with vue3
I only know of CRX.js Vite Plugin. Haven't tried myself but it seems good enough.
-
Svelte and Tailwind for building Chrome Extension
There should be no need to rebuild the app because crxjs has HMR enabled by default. If not, just reload the extension.
-
Use vue devtools while developing chrome extension
Sorry if this is really simple but using either crxjs or vite plugin chrome the devtools on either the current page or inspecting the popup don't seem to be accessible.
- Help with an idea for a project
-
Trouble Building Chrome Extension to Get News Article Content
P.S. Use crxjs when developing. Makes things easier.
- Node.js in Chrome extension
-
Create a Vite-Vue Chrome Extension
Vue Extension Page
-
Create a Vite vanilla JS Chrome Extension in 90 Seconds
If you enjoyed making this Chrome Extension with Vite and CRXJS, come give us a star on Github!
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?
rollup-plugin-sass - Rollup .sass files.
unplugin-vue-components - ๐ฒ On-demand components auto importing for Vue
Chronos - ๐ ๐ ๐ Monitors the health and web traffic of servers, microservices, Kubernetes/Kafka clusters, containers, and AWS services with real-time data monitoring and receive automated notifications over Slack or email.
pinia - ๐ Intuitive, type safe, light and flexible Store for Vue using the composition api with DevTools support
rollup-plugin-typescript2 - Rollup plugin for typescript with compiler errors.
vite-plugin-pages - File system based route generator for โก๏ธVite
rollup-plugin-chrome-extension - Bundling Chrome Extensions can be pretty complex. It doesn't have to be. [Moved to: https://github.com/crxjs/chrome-extension-tools]
unplugin-vue2-script-setup - ๐ก Bring `<script setup>` to Vue 2.
dts-cli - Zero-config CLI for TypeScript package development
vite - Next generation frontend tooling. It's fast!
vite-plugin-web-extension - Vite plugin for developing Chrome/Web Extensions
Svelte - Cybernetically enhanced web apps