@firanorg/voluptatibus-soluta-dignissimos NPM

@firanorg/voluptatibus-soluta-dignissimos

Svelte wrapper for i18next

npm i @firanorg/voluptatibus-soluta-dignissimos i18next

Implementation

This library wraps an i18next instance in a Svelte Store to observe i18next events so your Svelte components re-render e.g. when language is changed or a new resource is loaded by i18next.

Quick Start

i18n.js:

import i18next from "i18next";
import { createI18nStore } from "@firanorg/voluptatibus-soluta-dignissimos";

i18next.init({
 lng: 'en',
 resources: {
    en: {
      translation: {
        "key": "hello world"
      }
    }
  },
  interpolation: {
    escapeValue: false, // not needed for svelte as it escapes by default
  }
});

const i18n = createI18nStore(i18next);
export default i18n;

App.svelte:

<script>
  import i18n from './i18n.js';
</script>

<div>
    {$i18n.t('key')}
</div>

Usage with Sveltekit

Sveltekit shares stores across requests on server-side. This means that one users request could change the language setting of another users rendering if that is still ongoing. To avoid this issue, use setContext to create request-scoped store instances:

i18n.js:

import i18next from "i18next";
import { createI18nStore } from "@firanorg/voluptatibus-soluta-dignissimos";

i18next.init({
 lng: 'en',
 resources: {
    en: {
      translation: {
        "key": "hello world"
      }
    }
  },
  interpolation: {
    escapeValue: false, // not needed for svelte as it escapes by default
  }
});

export default () => createI18nStore(i18next);

routes/+layout.svelte:

<script>
  import getI18nStore from "i18n.js";
  import { setContext } from "svelte";
  
  setContext('i18n', getI18nStore());
</script>

routes/+page.svelte:

<script>
  import { getContext } from "svelte";
  
  const i18n = getContext("i18n");
</script>

<div>
  <h1>{ $i18n.t("key") }</h1>
</div>

See full example project: Svelte example

style Object.entries mobile symbols text api Object.defineProperty eslint ES2015 dependency manager WebSockets fastify Iterator workspace:*Object.fromEntries fastclone core-js patch ender symlinks circular ajax weakset tools yup expression jsdom readable contains sinatra character ascii shim immutable coercible sham emoji internal slot sequence chromium auth sqs reducer from URLSearchParams 256 electron inspect superagent javascript typedarrays datastructure await request es2017 generics throat call-bound Object.getPrototypeOf TypeScript break linux pipe byte higher-order process format redux BigUint64Array fast-copy classes number progress ES2021 keys es2015 spinners argparse config bound __proto__optimizer ECMAScript 5 utilities call String.prototype.trim Array ponyfill whatwg trimLeft watchFile performant bcrypt property fast-deep-copy curl tap color description async plugin browser escape schema assertion starter regular es5 bundling flat ES6 which argv Function.prototype.name bootstrap css ECMAScript 6 redact Array.prototype.contains events querystring console xterm mime filter flatMap inference package manager lockfile collection.es6 ES2022 accessor test Reflect.getPrototypeOf last data less codes fs agent ArrayBuffer#slice match length sort ReactiveExtensions less.js command-line ES8 native pnpm9 Array.prototype.flatMap String.prototype.matchAll command package crypto deterministic Observables group trimStart trimRight censor ES7 findLast zero make dir commander cloudsearch io-ts ECMAScript 2018 side installer fps ES2016 slot styled-components util extension postcss predictable typed typescript cache equal configurable es-shim API rm sigterm deepcopy Uint8Array mapreduce ES3 Array.prototype.flatten WebSocket matchAll Array.prototype.findLast deep JSON flag ES2017 Float64Array vest npm less mixins Int8Array Observable warning Object typed array arrays forms private Stream copy l10n preprocessor postcss-plugin ESnext ECMAScript 2017 formatting rfc4122 array TypedArray es-shims up fsevents defineProperty functions rangeerror regular expressions autoscaling prop ratelimit eslintplugin css variable option live ECMAScript 2015 url logger iam deep-clone hasOwn cloudtrail waf loading -0 es-abstract arraybuffer reduce map wordwrap regex mime-db cloudfront json pretty global bootstrap less $.extend shared compile less look mocha descriptors chinese string typedarray YAML debug argument pyyaml streams2 groupBy ECMAScript 2022 directory zod rate properties uninstall isConcatSpreadable uuid simpledb indicator shell RFC-6455 full-width css-in-js Int16Array east-asian-width random shrinkwrap slice call-bind enumerable jsdiff optimist stable cors search operating-system includes take limited setPrototypeOf entries consume rm -fr ES2018 middleware make scheme-validation symbol compare sameValueZero once password columns authentication awesomesauce fullwidth jsonpath yaml negative zero jQuery telephone phone busy ECMAScript 2016 modules drop ansi tape term Int32Array https glacier class-validator react-hooks extend tdd vars full some object efficient tostringtag task styleguide immer weakmap a11y Float32Array rmdir fetch WeakSet Underscore iterate japanese s3 ES watching Set HyBi emr hardlinks real-time terminal irq lru cjk parent BigInt64Array form-validation mkdirs sorted replay nodejs function ES2023 Object.keys typanion xhr ie callback arktype amazon logging parsing callbind throttle @@toStringTag values offset column env walk Object.values linewrap delete getopt art connect jsx has install Object.is spec core state watch exit-code find-up bundler link typeerror scheme set buffers callbound streams value tslib every rest lint lesscss own queueMicrotask libphonenumber open recursive node StyleSheet ECMAScript 7 functional karma hot elasticache react input language view dotenv variables in css idle environment write obj getter http compiler mixins minimal iterator findup Rx code points concatMap router worker fast-clone banner push prefix queue framework prune ebs flatten clone es8 chai eslintconfig Uint8ClampedArray typesafe TypeBox syntaxerror polyfill wordbreak gradients css require types sigint safe width es2018 read unicode equality testing readablestream es gdpr variables ECMAScript 2021 cli mkdir reuse exec dependencies quote flux protocol-buffers route RegExp#flags nested css byteOffset path beanstalk fixed-width stringify symlink validate packages ECMAScript 2019 speed error-handling Streams lazy buffer dom-testing-library dataview ES2020 rapid i18n es7 exit figlet check ecmascript typeof tc39 omit file handlers batch jshint name runtime estree chrome workflow stateless bind styling performance visual key Array.prototype.includes less css redux-toolkit storagegateway helpers names hasOwnProperty trim diff stringifier browserlist bluebird ECMAScript 3 import superstruct signals settings persistent validation folder eventEmitter toArray assign get trimEnd es6 util.inspect korean ava limit ses metadata syntax nope guid _.extend macos internal stdlib 0 file system fast rm -rf remove robust Uint16Array module web cloudformation Map valid .env WeakMap prototype ECMAScript 2023 writable utility

@firanorg/bookish-broccoli @firanorg/effective-octo @firanorg/fugit-aliquam-nobis @firanorg/improved-succotash @firanorg/minima-officiis-earum @firanorg/sapiente-facere-aut @firanorg/scaling-goggles corcojs-qrcode corcojs-qrcode-logo corcojs-qrcode-sample dable-effect firan-logging simple-prompts-web3

@firanorg/inventore-eligendi-quam @firanorg/inventore-hic-cumque @firanorg/illo-vel-est @firanorg/impedit-mollitia-sint @firanorg/id-et-quaerat @firanorg/amet-accusantium-dolor @firanorg/amet-consectetur-veniam @firanorg/cupiditate-veniam-ut @firanorg/autem-eveniet-earum @firanorg/corporis-iste-ullam @firanorg/commodi-recusandae-provident @firanorg/architecto-velit-odit @firanorg/exercitationem-debitis-laborum @firanorg/et-non-error @firanorg/sit-ex-nostrum @firanorg/necessitatibus-similique-nam @firanorg/laudantium-corrupti-itaque @firanorg/necessitatibus-sunt-quia @firanorg/sit-odit-numquam @firanorg/ut-officiis-et @firanorg/temporibus-quibusdam-non @firanorg/totam-excepturi-voluptas @firanorg/veniam-temporibus-accusantium @firanorg/soluta-perferendis-tenetur @firanorg/doloribus-dignissimos-nulla @firanorg/doloribus-laborum-qui @firanorg/dolore-cumque-distinctio @firanorg/delectus-eligendi-quae @firanorg/earum-impedit-cupiditate @firanorg/eligendi-aut-ducimus @firanorg/error-laboriosam-molestias @firanorg/doloribus-quasi-dolores @firanorg/dolorem-architecto-eum @firanorg/fuga-unde-tempore @firanorg/fuga-architecto-beatae @firanorg/explicabo-incidunt-facere @firanorg/hic-doloremque-est @firanorg/fuga-quis-optio @firanorg/hic-tempora-dignissimos @firanorg/harum-ad-explicabo @firanorg/iure-voluptates-nobis @firanorg/itaque-consectetur-velit @firanorg/ratione-iusto-numquam @firanorg/saepe-ut-natus @firanorg/sapiente-expedita-quidem @firanorg/repellat-expedita-autem @firanorg/alias-repellat-vero @firanorg/pariatur-officia-placeat @firanorg/odit-corrupti-aperiam @firanorg/optio-velit-culpa @firanorg/numquam-inventore-ad @firanorg/non-praesentium-sint @firanorg/nulla-cupiditate-ad @firanorg/neque-est-dolorum @firanorg/voluptatem-culpa-iusto @firanorg/voluptate-perspiciatis-placeat @firanorg/vero-laborum-tenetur @firanorg/accusamus-magnam-numquam @firanorg/a-neque-sunt @firanorg/ab-magni-explicabo @firanorg/ipsum-at-pariatur @firanorg/iste-dolor-omnis @firanorg/quasi-commodi-fugit @firanorg/quia-dolores-occaecati @firanorg/quia-cumque-perspiciatis @firanorg/perferendis-iusto-vitae @firanorg/placeat-illo-dolorem @firanorg/voluptatem-odit-et @firanorg/mollitia-molestias-accusamus @firanorg/maxime-deleniti-soluta

9 months ago

9 months ago

10 months ago

10 months ago

10 months ago

10 months ago

9 months ago

9 months ago

10 months ago

9 months ago

9 months ago

9 months ago

9 months ago

10 months ago

10 months ago

10 months ago

10 months ago

10 months ago

10 months ago

10 months ago

9 months ago

10 months ago

10 months ago

10 months ago

10 months ago

10 months ago

10 months ago

10 months ago

10 months ago

10 months ago

10 months ago

10 months ago

10 months ago

10 months ago

10 months ago

10 months ago

10 months ago

10 months ago

10 months ago

11 months ago

11 months ago

11 months ago

11 months ago

11 months ago

11 months ago

11 months ago

11 months ago

11 months ago

11 months ago

11 months ago

11 months ago

1 year ago

1 year ago

11 months ago

12 months ago

12 months ago

1 year ago

11 months ago

11 months ago

1 year ago

12 months ago

1 year ago

12 months ago

1 year ago

12 months ago

12 months ago

12 months ago

12 months ago

11 months ago

12 months ago

12 months ago

1 year ago

1 year ago

1 year ago

12 months ago

12 months ago

12 months ago

12 months ago

12 months ago

12 months ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

12 months ago

1 year ago

1 year ago

12 months ago

1 year ago

1 year ago

12 months ago

1 year ago

12 months ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

11 months ago

11 months ago

11 months ago

11 months ago

11 months ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

11 months ago

11 months ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

11 months ago

11 months ago

11 months ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

11 months ago

1 year ago

11 months ago

1 year ago

11 months ago

1 year ago

11 months ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago