Skip to content

Commit

Permalink
Documentation - Update @kazupon/vue-i18n-loader to @intlify/vue-i18n-…
Browse files Browse the repository at this point in the history
…loader (#1267)

* update install vue-i18n-loader command

* replace @kazupon/vue-i18n-loader with intlify

* change kazupon/vue-i18n-loader to intilfy one

Co-authored-by: kazuya kawaguchi <kawakazu80@gmail.com>
  • Loading branch information
fbigand and kazupon committed Jun 9, 2021
1 parent 32b2321 commit 99a84c4
Show file tree
Hide file tree
Showing 2 changed files with 19 additions and 19 deletions.
18 changes: 9 additions & 9 deletions docs/guide/sfc.html
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
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

0 comments on commit 99a84c4

Please sign in to comment.