Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Documentation - Update @kazupon/vue-i18n-loader to @intlify/vue-i18n-loader #1267

Merged
merged 4 commits into from
Jun 9, 2021
Merged

Documentation - Update @kazupon/vue-i18n-loader to @intlify/vue-i18n-loader #1267

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
4 commits
Select commit Hold shift + click to select a range
a5690f8
update install vue-i18n-loader command
fbigand Jun 5, 2021
02c0d7b
replace @kazupon/vue-i18n-loader with intlify
fbigand Jun 5, 2021
b8353c7
change kazupon/vue-i18n-loader to intilfy one
fbigand Jun 8, 2021
f1c4bfb
Merge branch 'v8.x' into v8.x
kazupon Jun 9, 2021
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Jump to
Jump to file
Failed to load files.
Diff view
Diff view
18 changes: 9 additions & 9 deletions docs/guide/sfc.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -83,7 +83,7 @@
<span class="token punctuation">}</span>
<span class="token punctuation">}</span>
<span class="token operator">&lt;</span><span class="token operator">/</span>script<span class="token operator">&gt;</span>
</code></pre></div><h2 id="installing-vue-i18n-loader"><a href="#installing-vue-i18n-loader" class="header-anchor">#</a> Installing vue-i18n-loader</h2> <p>You need to install <code>vue-loader</code> and <code>vue-i18n-loader</code> due to use <code>&lt;i18n&gt;</code> custom blocks. While <a href="https://github.com/vuejs/vue-loader" target="_blank" rel="noopener noreferrer">vue-loader<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a> most likely is already used in your project if you are working with single file components, you must install <a href="https://github.com/kazupon/vue-i18n-loader" target="_blank" rel="noopener noreferrer">vue-i18n-loader<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a> additionally:</p> <div class="language-sh extra-class"><pre class="language-text"><code>npm i --save-dev @kazupon/vue-i18n-loader
</code></pre></div><h2 id="installing-vue-i18n-loader"><a href="#installing-vue-i18n-loader" class="header-anchor">#</a> Installing vue-i18n-loader</h2> <p>You need to install <code>vue-loader</code> and <code>vue-i18n-loader</code> due to use <code>&lt;i18n&gt;</code> custom blocks. While <a href="https://github.com/vuejs/vue-loader" target="_blank" rel="noopener noreferrer">vue-loader<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a> most likely is already used in your project if you are working with single file components, you must install <a href="https://github.com/kazupon/vue-i18n-loader" target="_blank" rel="noopener noreferrer">vue-i18n-loader<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a> additionally:</p> <div class="language-sh extra-class"><pre class="language-text"><code>npm i --save-dev @intlify/vue-i18n-loader@next
</code></pre></div><h2 id="webpack"><a href="#webpack" class="header-anchor">#</a> Webpack</h2> <p>For Webpack the configuration below is required:</p> <p>for vue-loader v15 or later:</p> <div class="language-js extra-class"><pre class="language-js"><code>module<span class="token punctuation">.</span>exports <span class="token operator">=</span> <span class="token punctuation">{</span>
<span class="token comment">// ...</span>
module<span class="token operator">:</span> <span class="token punctuation">{</span>
Expand All @@ -95,7 +95,7 @@
<span class="token punctuation">{</span>
resourceQuery<span class="token operator">:</span> <span class="token regex">/blockType=i18n/</span><span class="token punctuation">,</span>
type<span class="token operator">:</span> <span class="token string">'javascript/auto'</span><span class="token punctuation">,</span>
loader<span class="token operator">:</span> <span class="token string">'@kazupon/vue-i18n-loader'</span>
loader<span class="token operator">:</span> <span class="token string">'@intlify/vue-i18n-loader'</span>
<span class="token punctuation">}</span>
<span class="token comment">// ...</span>
<span class="token punctuation">]</span>
Expand All @@ -112,7 +112,7 @@
options<span class="token operator">:</span> <span class="token punctuation">{</span>
loaders<span class="token operator">:</span> <span class="token punctuation">{</span>
<span class="token comment">// you need to specify `i18n` loaders key with `vue-i18n-loader` (https://github.com/kazupon/vue-i18n-loader)</span>
i18n<span class="token operator">:</span> <span class="token string">'@kazupon/vue-i18n-loader'</span>
i18n<span class="token operator">:</span> <span class="token string">'@intlify/vue-i18n-loader'</span>
<span class="token punctuation">}</span>
<span class="token punctuation">}</span>
<span class="token punctuation">}</span><span class="token punctuation">,</span>
Expand All @@ -128,7 +128,7 @@
<span class="token punctuation">.</span><span class="token function">resourceQuery</span><span class="token punctuation">(</span><span class="token regex">/blockType=i18n/</span><span class="token punctuation">)</span>
<span class="token punctuation">.</span><span class="token function">type</span><span class="token punctuation">(</span><span class="token string">'javascript/auto'</span><span class="token punctuation">)</span>
<span class="token punctuation">.</span><span class="token function">use</span><span class="token punctuation">(</span><span class="token string">&quot;i18n&quot;</span><span class="token punctuation">)</span>
<span class="token punctuation">.</span><span class="token function">loader</span><span class="token punctuation">(</span><span class="token string">&quot;@kazupon/vue-i18n-loader&quot;</span><span class="token punctuation">)</span>
<span class="token punctuation">.</span><span class="token function">loader</span><span class="token punctuation">(</span><span class="token string">&quot;@intlify/vue-i18n-loader&quot;</span><span class="token punctuation">)</span>
<span class="token punctuation">.</span><span class="token function">end</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token punctuation">}</span>
<span class="token punctuation">}</span>
Expand All @@ -142,7 +142,7 @@
<span class="token punctuation">.</span><span class="token function">tap</span><span class="token punctuation">(</span><span class="token parameter">options</span> <span class="token operator">=&gt;</span>
<span class="token function">merge</span><span class="token punctuation">(</span>options<span class="token punctuation">,</span> <span class="token punctuation">{</span>
loaders<span class="token operator">:</span> <span class="token punctuation">{</span>
i18n<span class="token operator">:</span> <span class="token string">'@kazupon/vue-i18n-loader'</span>
i18n<span class="token operator">:</span> <span class="token string">'@intlify/vue-i18n-loader'</span>
<span class="token punctuation">}</span>
<span class="token punctuation">}</span><span class="token punctuation">)</span>
<span class="token punctuation">)</span>
Expand All @@ -155,7 +155,7 @@
<span class="token punctuation">{</span>
resourceQuery<span class="token operator">:</span> <span class="token regex">/blockType=i18n/</span><span class="token punctuation">,</span>
type<span class="token operator">:</span> <span class="token string">'javascript/auto'</span><span class="token punctuation">,</span>
loader<span class="token operator">:</span> <span class="token string">'@kazupon/vue-i18n-loader'</span><span class="token punctuation">,</span>
loader<span class="token operator">:</span> <span class="token string">'@intlify/vue-i18n-loader'</span><span class="token punctuation">,</span>
<span class="token punctuation">}</span><span class="token punctuation">,</span>
<span class="token punctuation">]</span><span class="token punctuation">;</span>
<span class="token punctuation">}</span>
Expand All @@ -175,7 +175,7 @@
<span class="token punctuation">}</span>

<span class="token comment">// Within this module, add the vue-i18n-loader for the i18n tag.</span>
module<span class="token punctuation">.</span>options<span class="token punctuation">.</span>loaders<span class="token punctuation">.</span>i18n <span class="token operator">=</span> <span class="token string">'@kazupon/vue-i18n-loader'</span><span class="token punctuation">;</span>
module<span class="token punctuation">.</span>options<span class="token punctuation">.</span>loaders<span class="token punctuation">.</span>i18n <span class="token operator">=</span> <span class="token string">'@intlify/vue-i18n-loader'</span><span class="token punctuation">;</span>
<span class="token punctuation">}</span> <span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token punctuation">}</span> <span class="token punctuation">)</span><span class="token punctuation">;</span>

Expand All @@ -197,7 +197,7 @@
<span class="token punctuation">.</span><span class="token function">resourceQuery</span><span class="token punctuation">(</span><span class="token regex">/blockType=i18n/</span><span class="token punctuation">)</span>
<span class="token punctuation">.</span><span class="token function">type</span><span class="token punctuation">(</span><span class="token string">'javascript/auto'</span><span class="token punctuation">)</span>
<span class="token punctuation">.</span><span class="token function">use</span><span class="token punctuation">(</span><span class="token string">&quot;i18n&quot;</span><span class="token punctuation">)</span>
<span class="token punctuation">.</span><span class="token function">loader</span><span class="token punctuation">(</span><span class="token string">&quot;@kazupon/vue-i18n-loader&quot;</span><span class="token punctuation">)</span>
<span class="token punctuation">.</span><span class="token function">loader</span><span class="token punctuation">(</span><span class="token string">&quot;@intlify/vue-i18n-loader&quot;</span><span class="token punctuation">)</span>
<span class="token punctuation">.</span><span class="token function">end</span><span class="token punctuation">(</span><span class="token punctuation">)</span>
<span class="token punctuation">.</span><span class="token function">use</span><span class="token punctuation">(</span><span class="token string">'yaml'</span><span class="token punctuation">)</span>
<span class="token punctuation">.</span><span class="token function">loader</span><span class="token punctuation">(</span><span class="token string">'yaml-loader'</span><span class="token punctuation">)</span>
Expand All @@ -216,7 +216,7 @@
i18n<span class="token operator">:</span> <span class="token string">'yaml-loader'</span>
<span class="token punctuation">}</span><span class="token punctuation">,</span>
loaders<span class="token operator">:</span> <span class="token punctuation">{</span>
i18n<span class="token operator">:</span> <span class="token string">'@kazupon/vue-i18n-loader'</span>
i18n<span class="token operator">:</span> <span class="token string">'@intlify/vue-i18n-loader'</span>
<span class="token punctuation">}</span>
<span class="token punctuation">}</span>
<span class="token punctuation">}</span><span class="token punctuation">,</span>
Expand Down
20 changes: 10 additions & 10 deletions vuepress/guide/sfc.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -50,7 +50,7 @@ export default {
You need to install `vue-loader` and `vue-i18n-loader` to use `<i18n>` custom blocks. While [vue-loader](https://github.com/vuejs/vue-loader) most likely is already used in your project if you are working with single file components, you must install [vue-i18n-loader](https://github.com/kazupon/vue-i18n-loader) additionally:

```sh
npm i --save-dev @kazupon/vue-i18n-loader
npm i --save-dev @intlify/vue-i18n-loader
```

## Webpack
Expand All @@ -70,7 +70,7 @@ module.exports = {
{
resourceQuery: /blockType=i18n/,
type: 'javascript/auto',
loader: '@kazupon/vue-i18n-loader'
loader: '@intlify/vue-i18n-loader'
}
// ...
]
Expand All @@ -90,8 +90,8 @@ module.exports = {
loader: 'vue-loader',
options: {
loaders: {
// you need to specify `i18n` loaders key with `vue-i18n-loader` (https://github.com/kazupon/vue-i18n-loader)
i18n: '@kazupon/vue-i18n-loader'
// you need to specify `i18n` loaders key with `vue-i18n-loader` (https://github.com/intlify/vue-i18n-loader)
i18n: '@intlify/vue-i18n-loader'
}
}
},
Expand All @@ -117,7 +117,7 @@ module.exports = {
.resourceQuery(/blockType=i18n/)
.type('javascript/auto')
.use("i18n")
.loader("@kazupon/vue-i18n-loader")
.loader("@intlify/vue-i18n-loader")
.end();
}
}
Expand All @@ -135,7 +135,7 @@ module.exports = {
.tap(options =>
merge(options, {
loaders: {
i18n: '@kazupon/vue-i18n-loader'
i18n: '@intlify/vue-i18n-loader'
}
})
)
Expand All @@ -157,7 +157,7 @@ mix.extend( 'i18n', new class {
{
resourceQuery: /blockType=i18n/,
type: 'javascript/auto',
loader: '@kazupon/vue-i18n-loader',
loader: '@intlify/vue-i18n-loader',
},
];
}
Expand All @@ -184,7 +184,7 @@ mix.extend( 'i18n', function( webpackConfig, ...args ) {
}

// Within this module, add the vue-i18n-loader for the i18n tag.
module.options.loaders.i18n = '@kazupon/vue-i18n-loader';
module.options.loaders.i18n = '@intlify/vue-i18n-loader';
} );
} );

Expand Down Expand Up @@ -222,7 +222,7 @@ module.exports = {
.resourceQuery(/blockType=i18n/)
.type('javascript/auto')
.use("i18n")
.loader("@kazupon/vue-i18n-loader")
.loader("@intlify/vue-i18n-loader")
.end()
.use('yaml')
.loader('yaml-loader')
Expand All @@ -245,7 +245,7 @@ module.exports = {
i18n: 'yaml-loader'
},
loaders: {
i18n: '@kazupon/vue-i18n-loader'
i18n: '@intlify/vue-i18n-loader'
}
}
},
Expand Down