npmpackage.info

Gathering detailed insights and metrics for @yfwz100/vite-plugin-vue2-i18n

@yfwz100/vite-plugin-vue2-i18n

The missing vite plugin of vue-i18n for Vue 2.

1.0.0-6

TypeScript

Installations

npm install @yfwz100/vite-plugin-vue2-i18n

Pull Requests

Open

0

Total

2

Closed

0

Merged

2

Issues

Open

0

Total

1

Closed

1

Releases

v1.0.0-6

Published on 17 Dec 2022

v1.0.0-5

Published on 17 Dec 2022

View all 2 releases

Developer

yfwz100

Developer Guide

BETA

Module System

CommonJS

Min. Node Version

Typescript Support

Yes

Node Version

16.18.1

NPM Version

8.19.2 Statistics

6 Stars

24 Commits

4 Forks

2 Watching

1 Branches

3 Contributors

Updated on 31 Jan 2023

Languages

TypeScript (52.31%)

Vue (20.31%)

JavaScript (16.02%)

HTML (11.37%)

Total Downloads

Cumulative downloads

Total Downloads

61,947

Last day

538.9%

115

Compared to previous day

Last week

557.8%

842

Compared to previous week

Last month

73.9%

1,678

Compared to previous month

Last year

-37.7%

13,785

Compared to previous year

Daily Downloads

Weekly Downloads

Monthly Downloads

Yearly Downloads

Peer Dependencies

vite

Dev Dependencies

conventional-changelog-cli npm-run-all prettier rimraf typescript vite

Versions

@yfwz100/vite-plugin-vue2-i18n

The missing vue 2 SFC version of vite plugin for vue-i18n, inspired by the rollup one.

Requirement

You need to install the follwoing:

vite-plugin-vue2@1.4.4 or later
vite 2 or later

Installation

npm:

1$ npm i --save-dev @rollup/plugin-json
2$ npm i --save-dev @rollup/plugin-yaml # if you use locale messages with YAML format
3$ npm i --save-dev @yfwz100/vite-plugin-vue2-i18n

Usages

Say we have configured the vite via vite.config.js and have a sample index.html (see the vite guide):

1import { defineConfig } from 'vite';
2import { createVuePlugin } from '@yfwz100/vite-plugin-vue2';
3import { createI18nPlugin } from '@yfwz100/vite-plugin-vue2-i18n';
4
5export default defineConfig({
6  plugins: [createVuePlugin(), createI18nPlugin()],
7});

Then, we can write the i18n blocks in the vue component file:

1<template>
2  <p>{{ $t('hello') }}</p>
3</template>
4
5<i18n>
6{
7  "en": {
8    "hello": "Hello World!"
9  },
10  "zh": {
11    "hello": "你好，世界！"
12  }
13}
14</i18n>

Finally, just run vite and see the component with i18n enabled.

Locale Messages Format

We have tested the following formats:

json (default)
yaml (via @rollup/plugin-yaml)

See more in the playground folder.

Changelog

See CHANGELOG.md.

No vulnerabilities found.

10

Dangerous-Workflow

Determines if the project's GitHub Action workflows avoid dangerous patterns.

10

Binary-Artifacts

Determines if the project has generated executable (binary) artifacts in the source repository.

1

Code-Review

Determines if the project requires human code review before pull requests (aka merge requests) are merged.

0

Maintained

Determines if the project is "actively maintained".

0

Pinned-Dependencies

Determines if the project has declared and pinned the dependencies of its build process.

0

Token-Permissions

Determines if the project's workflows follow the principle of least privilege.

0

CII-Best-Practices

Determines if the project has an OpenSSF (formerly CII) Best Practices Badge.

0

Security-Policy

Determines if the project has published a security policy.

0

License

Determines if the project has defined a license.

0

Fuzzing

Determines if the project uses fuzzing.

0

Branch-Protection

Determines if the default and release branches are protected with GitHub's branch protection settings.

0

SAST

Determines if the project uses static code analysis.

0

Vulnerabilities

Determines if the project has open, known unfixed vulnerabilities.

Score

2.3

/10

Last Scanned on 2024-11-18

The Open Source Security Foundation is a cross-industry collaboration to improve the security of open source software (OSS). The Scorecard provides security health metrics for open source projects.

Learn More