PkgFoundry
Catalog npm
Back to packageRELEASE DETAILS

0.1.1

npm

3h-localizer

A utility lib for localization in vue.

3hdicti18ninternationalizationintll10nlanguagelocalizationselectvue
Published16 Dec 2022
Direct dependencies9
Transitive dependenciesNot calculated

README

Current package documentation

3h-localizer

A utility lib for localization in vue.

Example Usage

The following code creates a demo page containing a title and a select input, where the content of the title is controlled by selected language.

<template>
    <h1>{{ dict.HELLO_WORLD }}</h1>
    <select v-model="language">
        <option value="zh">中文</option>
        <option value="en">English</option>
    </select>
</template>

<script setup lang="ts">
import { Localizer, translationsToDicts, type Translations } from '3h-localizer';

type MyDict = {
    HELLO_WORLD: string;
};

type MyLanguages = 'zh' | 'en';

const translations: Translations<MyDict, MyLanguages> = {
    HELLO_WORLD: {
        zh: '你好，世界！',
        en: 'Hello, world!',
    },
};

const localizer = new Localizer<MyDict, MyLanguages>({
    defaultLanguage: 'en',
    dicts: translationsToDicts(translations),
});

const { language, dict } = localizer;
</script>

Links

Downloads & popularity

Awaiting observations

No metric observations yet

Download counts and popularity will appear here as the collector receives them.

Declared dependencies 9

Native requirements
9 direct targetsNot calculated transitive count
Package / targetRequirementRelationship
@vue/reactivity
Environment
{
  "local_name": "@vue/reactivity",
  "alias": false,
  "peer_metadata": null
}
^3.2.45runtime
@babel/core
Environment
{
  "local_name": "@babel/core",
  "alias": false,
  "peer_metadata": null
}
^7.17.0development
@babel/preset-env
Environment
{
  "local_name": "@babel/preset-env",
  "alias": false,
  "peer_metadata": null
}
^7.16.0development
@rollup/plugin-babel
Environment
{
  "local_name": "@rollup/plugin-babel",
  "alias": false,
  "peer_metadata": null
}
^6.0.0development
dts2md
Environment
{
  "local_name": "dts2md",
  "alias": false,
  "peer_metadata": null
}
^0.4.0development
rollup
Environment
{
  "local_name": "rollup",
  "alias": false,
  "peer_metadata": null
}
^3.7.0development
terser
Environment
{
  "local_name": "terser",
  "alias": false,
  "peer_metadata": null
}
^5.16.0development
typescript
Environment
{
  "local_name": "typescript",
  "alias": false,
  "peer_metadata": null
}
^4.9.0development
vue
Environment
{
  "local_name": "vue",
  "alias": false,
  "peer_metadata": null
}
^3.2.45development

Distribution files

1 collected
Distribution 1

Source distribution

Source file
Checksums from source
{
  "integrity": "sha512-z0q5quHFwOtLXR5OFrt0l2x+0fqguakxKZO4fPIDCWys6bgEk+rrjzGGOTihpL2Rye6uxghStxwaPQRXLYg6SA==",
  "shasum": "5708d38c069287a1674a10203b49b5c754982510",
  "tarball": "https://registry.npmjs.org/3h-localizer/-/3h-localizer-0.1.1.tgz",
  "fileCount": 11,
  "unpackedSize": 12738,
  "signatures": [
    {
      "keyid": "SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA",
      "sig": "MEUCICKJcF9ws+LcnBmTC1N1sdU/mx0OXkFaEPYdkVsYu8E7AiEA0aV10S8aUOOGtrUckyHObXRFU4xwRKIdYX0wzBgtsfo="
    }
  ],
  "npm-signature": "-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjnAOJACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpR9Q//dBsg8hQONAqTfj9TuHu+nERPBKLG14rsUvTxVtkvtwkJbzw3\r\niUsIPHGIdJdxrhgXVljy33sednYCotJnsITQgY5PedAJqbEqP33nNbT2jfmc\r\nmtE2yRbniTW7SPjFa6IskS5tmAJwsj/JSevIOBT8D6A19haanEvBUv1IKean\r\nxuz3SiJEI+zOrSD1BMCyPTc9qxqeMUT94FdGBAvBx7bEwPkTy0jKaQ9B6MEG\r\nOpoDuxpRWIRgKcdJ7G6eRCgRcnClZoa6uYILuEUIyiPKmBIRkhIMQkhKWWKH\r\nFz2dOJ5eaBmBAGCAwapHc+JMIIULCjtN9npOJn70acc4XqSqWxcWxP65Z8lL\r\nF5l//VS69IJVAi1hZg5G04Cms0QRSEMYEZpUsEaA0f94upELS8SV0M2zvSei\r\nj2ejSjD2sGnoLLYhEbPV+/SEf7Cke7OiRI0RAYPMUQquNuy7yE76/8AN0QcV\r\nlNpPT3jlwEdZyONX0zE7mi1wLwop+QycPu2QtlUCOFEJLy1OeEmoAahhe6o+\r\ndp0hBa0tLGhK2EW3Le7pbbIgYV7ySypb9+GjxlfUUmAU5BJFZm8yQCpvQMCx\r\ninMnOkNADdbeUcBRS+/GG0PbghkrdvUkcop6PHamoajfaAJk8BXbkEmj5KXN\r\nV4QH8j2ikeO4YARa0n897u/8GV5auxFrZGg=\r\n=PG46\r\n-----END PGP SIGNATURE-----\r\n"
}

Repository

PENDING
huang2002/3h-localizer

Shared repository data · GitHub

License detected in repository
Not collected

Metadata history

Meaningful changes
Current collected state Current

Observed since 20 Oct, 19:43 UTC

No superseded metadata states collected. Unchanged observations do not create new revisions.

Record identity

package_version:48f592fbebc63dbaf6b233fc0c1bb146700604d6055c80d37bd4fc063db19ac2

Other collected versions

0.2.020 Dec0.1.016 DecView all collected versions →