update docs

Author: kazupon

README.md

@@ -55,10 +55,10 @@ The examples are offered in thee following two API styles:
 
 - [x] monorepo packaging
 - [x] support fully univarsal environments (CSP)
-- [ ] extend bundler for i18n resource bundling
+- [x] extend bundler for i18n resource bundling
   - [x] `@intlify/vue-i18n-loader`
   - [x] `@intlify/rollup-plugin-vue-i18n`
-  - [ ] `@intlify/vite-plugin-vue-i18n`
+  - [x] `@intlify/vite-plugin-vue-i18n`
 - [ ] vue-cli-plugin-i18n
 - [ ] support i18n resources packing (pre-compilation) CLI
 - [x] support i18n custom blocks sourcemaps

docs/advanced/optimization.md

@@ -65,7 +65,29 @@ module.exports = {
 
 ### vite
 
-TODO:
+In vite, use `alias` option as below:
+
+```js
+import path from 'path'
+import { pluginI18n } from '@intlify/vite-plugin-vue-i18n'
+
+import type { UserConfig } from 'vite'
+
+const config: UserConfig = {
+  // ...
+  alias: {
+    'vue-i18n': 'vue-i18n/dist/vue-i18n.runtime.esm-bundler.js'
+  },
+  plugins: [
+    pluginI18n({
+      include: path.resolve(__dirname, './path/to/src/locales/**')
+    })
+  ],
+  // ...
+}
+
+export default config
+```
 
 ## Reduce bundle size with feature build flags
 

docs/advanced/sfc.md

@@ -123,28 +123,29 @@ npm i --save-dev @intlify/rollup-plugin-vue-i18n
 Rollup config for example:
 
 ```js
-import vue from 'rollup-plugin-vue'
-import replace from '@rollup/plugin-replace'
+import VuePlugin from 'rollup-plugin-vue'
+import VueI18nPlugin from 'rollup-plugin-vue-i18n'
 import resolve from '@rollup/plugin-node-resolve'
 import commonjs from '@rollup/plugin-commonjs'
-import i18n from '@intlify/rollup-plugin-vue-i18n'
 import path from 'path'
 
 export default [
   {
-    input: path.resolve(__dirname, `./path/to/main.js`),
+    input: path.resolve(__dirname, `./path/to/src/main.js`),
     output: {
       file: path.resolve(__dirname, `./path/to/dist/index.js`),
       format: 'cjs'
     },
     plugins: [
-      commonjs(),
-      resolve(),
-      replace({
-        'process.env.NODE_ENV': JSON.stringify('production')
+      // set `customBlocks` opton to `rollup-plugin-vue`
+      VuePlugin({ customBlocks: ['i18n'] }),
+      // set `rollup-plugin-vue-i18n` after **`rollup-plugin-vue`**
+      VueI18nPlugin({
+        // `include` option for i18n resources bundling
+        include: path.resolve(__dirname, `./path/to/src/locales/**`)
       }),
-      i18n(),
-      vue({ customBlocks: ['i18n'] })
+      resolve(),
+      commonjs()
     ]
   }
 ]
@@ -171,13 +172,17 @@ npm i --save-dev @intlify/vite-plugin-vue-i18n
 vite config for example:
 
 ```ts
+import path from 'path'
+import { pluginI18n } from '@intlify/vite-plugin-vue-i18n'
+
 import type { UserConfig } from 'vite'
-import i18n from '@intlify/vite-plugin-vue-i18n'
 
 const config: UserConfig = {
-  vueCustomBlockTransforms: {
-    i18n
-  }
+  plugins: [
+    pluginI18n({
+      include: path.resolve(__dirname, './path/to/src/locales/**')
+    })
+  ]
 }
 
 export default config