svelte-i18next
vite-plugin-svelte
svelte-i18next | vite-plugin-svelte | |
---|---|---|
3 | 9 | |
48 | 797 | |
- | 1.3% | |
4.7 | 8.9 | |
7 months ago | 4 days ago | |
TypeScript | JavaScript | |
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.
svelte-i18next
-
Reactive translation/i18n
For reference, I am using i18next for providing translations, which is configured to use the english message string as a key for the translations and fallback to it if no translation is found in the chosen language. I also use the official svelte-i18next integration. It wraps the i18next object in a Svelte store and, among other things, provides reactivity when the language is changed.
-
Criticizing Svelte - Low Hanging Fruit
I'm using i18next. Someone has also written a svelte store wrapper for it: https://github.com/NishuGoel/svelte-i18next. It wasn't completely easy to get set up the way I wanted but it did the trick in the end and it is a widely used library that's not likely to be abandoned any time soon.
-
svelte-i18next
View on GitHub
vite-plugin-svelte
-
How does the Svelte compiler works with the Typescript compiler?
Actually in more recent SvelteKit projects they use the Vite-preprocessor to handle Typescript
-
Any way to quickly determine components used on a page
You can use the inspector option with vite-plug-in-svelte. Look at inspector in the docs here and you’ll see. You can click on a component and it opens where it is in your editor. https://github.com/sveltejs/vite-plugin-svelte/blob/main/docs/config.md
-
Never Search For Svelte Components Again
Please report the issue to https://github.com/sveltejs/vite-plugin-svelte if you found a problem.
-
Criticizing Svelte - Low Hanging Fruit
Looks like you can change this in the vite-plugin-svelte options: extensions: ['.svelte'],
- I made such a script that makes links from Console Browser DevTools, open in VSCode. This uses the mechanism in Vite. It works great, you can test it. It works for sure with SvelteKit from Vite in Firefox and Chromum browsers.
-
File inspector plugin to open Svelte-files directly from your browser is coming!
Note that this is still experimental. There's a bug when using it with npm, but the author aware of it.
-
Switch existing project from rollup to vite - what's to do?
This question gives good insight on "why vite" but the fourth question on the migration stays quite unanswered. The vite-plugin-svelte is mentioned but I'm still not sure which steps there are to take exactly. Could someone give instructions on how to migrate a project from rollup to vite?
-
How to transpile svelte in js?
In Vite: https://github.com/sveltejs/vite-plugin-svelte Webpack: https://github.com/sveltejs/svelte-loader
What are some alternatives?
svelte-preprocess - A ✨ magical ✨ Svelte preprocessor with sensible defaults and support for: PostCSS, SCSS, Less, Stylus, Coffeescript, TypeScript, Pug and much more.
sveltekit-svg - SvelteKit plugin that makes it possible to import SVG files as Svelte components, inline SVG code or urls
svelte-plugins - Zero-Configuration Reactive forms for Svelte
vite-plugin-mpa - MPA(multi page application) for vite.
svelte-i18n-routing - Example of i18n routing with Tolgee and Svelte
vite-plugin-inline-css-modules - Write CSS modules without leaving your javascript!
elderjs - Elder.js is an opinionated static site generator and web framework for Svelte built with SEO in mind.
vike - 🔨 Like Next.js / Nuxt but as do-one-thing-do-it-well Vite plugin.
tolgee-platform - Developer & translator friendly web-based localization platform
svelte-loader - Webpack loader for svelte components.
vite-plugin-md - Markdown with Vue for Vite
vite-plugin-svelte-console-remover - Vite Svelte plugin to remove console logs in prod.