config + links

Author: jay-es

.vitepress/config.js

@@ -6,13 +6,14 @@ import locales from "./locales"
 export default {
   srcDir: 'src',
   locales: locales.vitepressConfig,
-  
+
 
   themeConfig: {
     localeLinks: {
       items: [
         {text: 'English', link: '/'},
-        {text: '中文简体 (未完成)', link: '/zh/'}
+        {text: '中文简体 (未完成)', link: '/zh/'},
+        {text: '日本語（未完成）', link: '/ja/'},
       ]
     },
     locales: locales.themeConfig

.vitepress/locales/index.js

@@ -1,13 +1,16 @@
 import en from './en'
 import zh from './zh'
+import ja from './ja'
 
 export default {
   vitepressConfig: {
     '/': en.vitepressConfig,
-    '/zh/': zh.vitepressConfig
+    '/zh/': zh.vitepressConfig,
+    '/ja/': ja.vitepressConfig,
   },
   themeConfig: {
     '/': en.themeConfig,
-    '/zh/': zh.themeConfig
+    '/zh/': zh.themeConfig,
+    '/ja/': ja.themeConfig,
   }
-}
+}

.vitepress/locales/ja.js

@@ -1,24 +1,29 @@
 export default {
   vitepressConfig: {
-    title: 'Vue 3 Migration Guide',
-    description: 'Guide on migrating from Vue 2 to Vue 3',
-    lang: 'en-US'
+    title: 'Vue 3 移行ガイド',
+    description: 'Vue 2 から Vue 3 への移行に関するガイド',
+    lang: 'ja-JP',
   },
   themeConfig: {
+    docFooter: {
+      prev: '前のページ',
+      next: '次のページ',
+    },
+    outlineTitle: 'ページの内容',
     nav: [
-      { text: 'Vue 3 Docs', link: 'https://vuejs.org' },
+      { text: 'Vue 3 ドキュメント', link: 'https://ja.vuejs.org' },
     ],
 
     sidebar: [
       {
         text: 'Guide',
         items: [
-          { text: 'Overview', link: '/' },
-          { text: 'New Recommendations', link: '/recommendations' },
-          { text: 'Migration Build', link: '/migration-build' },
+          { text: 'Overview', link: '/ja/' },
+          { text: 'New Recommendations', link: '/ja/recommendations' },
+          { text: 'Migration Build', link: '/ja/migration-build' },
           {
             text: 'Breaking Changes',
-            link: '/breaking-changes/'
+            link: '/ja/breaking-changes/'
           }
         ]
       },
@@ -27,30 +32,30 @@ export default {
         items: [
           {
             text: 'Global API Application Instance',
-            link: '/breaking-changes/global-api'
+            link: '/ja/breaking-changes/global-api'
           },
           {
             text: 'Global API Treeshaking',
-            link: '/breaking-changes/global-api-treeshaking'
+            link: '/ja/breaking-changes/global-api-treeshaking'
           }
         ]
       },
       {
         text: 'Template Directives',
         items: [
-          { text: 'v-model', link: '/breaking-changes/v-model' },
+          { text: 'v-model', link: '/ja/breaking-changes/v-model' },
           {
             text: 'key Usage Change',
-            link: '/breaking-changes/key-attribute'
+            link: '/ja/breaking-changes/key-attribute'
           },
           {
             text: 'v-if vs. v-for Precedence',
-            link: '/breaking-changes/v-if-v-for'
+            link: '/ja/breaking-changes/v-if-v-for'
           },
-          { text: 'v-bind Merge Behavior', link: '/breaking-changes/v-bind' },
+          { text: 'v-bind Merge Behavior', link: '/ja/breaking-changes/v-bind' },
           {
             text: 'v-on.native modifier removed',
-            link: '/breaking-changes/v-on-native-modifier-removed'
+            link: '/ja/breaking-changes/v-on-native-modifier-removed'
           }
         ]
       },
@@ -59,33 +64,33 @@ export default {
         items: [
           {
             text: 'Functional Components',
-            link: '/breaking-changes/functional-components'
+            link: '/ja/breaking-changes/functional-components'
           },
           {
             text: 'Async Components',
-            link: '/breaking-changes/async-components'
+            link: '/ja/breaking-changes/async-components'
           },
-          { text: 'emits Option', link: '/breaking-changes/emits-option' }
+          { text: 'emits Option', link: '/ja/breaking-changes/emits-option' }
         ]
       },
       {
         text: 'Render Function',
         items: [
           {
             text: 'Render Function API',
-            link: '/breaking-changes/render-function-api'
+            link: '/ja/breaking-changes/render-function-api'
           },
           {
             text: 'Slots Unification',
-            link: '/breaking-changes/slots-unification'
+            link: '/ja/breaking-changes/slots-unification'
           },
           {
             text: '$listeners merged into $attrs',
-            link: '/breaking-changes/listeners-removed'
+            link: '/ja/breaking-changes/listeners-removed'
           },
           {
             text: '$attrs includes class & style',
-            link: '/breaking-changes/attrs-includes-class-style'
+            link: '/ja/breaking-changes/attrs-includes-class-style'
           }
         ]
       },
@@ -94,7 +99,7 @@ export default {
         items: [
           {
             text: 'Custom Elements Interop Changes',
-            link: '/breaking-changes/custom-elements-interop'
+            link: '/ja/breaking-changes/custom-elements-interop'
           }
         ]
       },
@@ -103,55 +108,55 @@ export default {
         items: [
           {
             text: 'v-on keyCode Modifiers',
-            link: '/breaking-changes/keycode-modifiers'
+            link: '/ja/breaking-changes/keycode-modifiers'
           },
-          { text: 'Events API', link: '/breaking-changes/events-api' },
-          { text: 'Filters', link: '/breaking-changes/filters' },
+          { text: 'Events API', link: '/ja/breaking-changes/events-api' },
+          { text: 'Filters', link: '/ja/breaking-changes/filters' },
           {
             text: 'inline-template',
-            link: '/breaking-changes/inline-template-attribute'
+            link: '/ja/breaking-changes/inline-template-attribute'
           },
-          { text: '$children', link: '/breaking-changes/children' },
-          { text: 'propsData option', link: '/breaking-changes/props-data' }
+          { text: '$children', link: '/ja/breaking-changes/children' },
+          { text: 'propsData option', link: '/ja/breaking-changes/props-data' }
         ]
       },
       {
         text: 'Other Minor Changes',
         items: [
           {
             text: 'Attribute Coercion Behavior',
-            link: '/breaking-changes/attribute-coercion'
+            link: '/ja/breaking-changes/attribute-coercion'
           },
           {
             text: 'Custom Directives',
-            link: '/breaking-changes/custom-directives'
+            link: '/ja/breaking-changes/custom-directives'
           },
-          { text: 'Data Option', link: '/breaking-changes/data-option' },
+          { text: 'Data Option', link: '/ja/breaking-changes/data-option' },
           {
             text: 'Mount API changes',
-            link: '/breaking-changes/mount-changes'
+            link: '/ja/breaking-changes/mount-changes'
           },
           {
             text: 'Props Default Function this Access',
-            link: '/breaking-changes/props-default-this'
+            link: '/ja/breaking-changes/props-default-this'
           },
           {
             text: 'Transition Class Change',
-            link: '/breaking-changes/transition'
+            link: '/ja/breaking-changes/transition'
           },
           {
             text: 'Transition as Root',
-            link: '/breaking-changes/transition-as-root'
+            link: '/ja/breaking-changes/transition-as-root'
           },
           {
             text: 'Transition Group Root Element',
-            link: '/breaking-changes/transition-group'
+            link: '/ja/breaking-changes/transition-group'
           },
           {
             text: 'VNode lifecycle events',
-            link: '/breaking-changes/vnode-lifecycle-events'
+            link: '/ja/breaking-changes/vnode-lifecycle-events'
           },
-          { text: 'Watch on Arrays', link: '/breaking-changes/watch' }
+          { text: 'Watch on Arrays', link: '/ja/breaking-changes/watch' }
         ]
       }
     ]

src/ja/breaking-changes/async-components.md

@@ -94,5 +94,5 @@ const asyncComponent = defineAsyncComponent(
 
 For more information on the usage of async components, see:
 
-- [Guide: Async Components](https://vuejs.org/guide/components/async.html)
+- [Guide: Async Components](https://ja.vuejs.org/guide/components/async.html)
 - [Migration build flag: `COMPONENT_ASYNC`](../migration-build.html#compat-configuration)

src/ja/breaking-changes/children.md

@@ -37,7 +37,7 @@ export default {
 
 ## 3.x Update
 
-In 3.x, the `$children` property is removed and no longer supported. Instead, if you need to access a child component instance, we recommend using [template refs](https://vuejs.org/guide/essentials/template-refs.html#template-refs).
+In 3.x, the `$children` property is removed and no longer supported. Instead, if you need to access a child component instance, we recommend using [template refs](https://ja.vuejs.org/guide/essentials/template-refs.html#template-refs).
 
 ## Migration Strategy
 

src/ja/breaking-changes/custom-elements-interop.md

@@ -131,4 +131,4 @@ With the behavior change of `is`, a `vue:` prefix is now required to resolve the
 
 ## See Also
 
-- [Guide - Vue and Web Components](https://vuejs.org/guide/extras/web-components.html)
+- [Guide - Vue and Web Components](https://ja.vuejs.org/guide/extras/web-components.html)

src/ja/breaking-changes/emits-option.md

@@ -49,7 +49,7 @@ Similar to props, the events that the component emits can now be defined with th
 
 The option also accepts an object, which allows the developer to define validators for the arguments that are passed with the emitted event, similar to validators in `props` definitions.
 
-For more information on this, please read the [API documentation for this feature](https://vuejs.org/api/options-state.html#emits).
+For more information on this, please read the [API documentation for this feature](https://ja.vuejs.org/api/options-state.html#emits).
 
 ## Migration Strategy
 

src/ja/breaking-changes/events-api.md

@@ -101,4 +101,4 @@ In most circumstances, using a global event bus for communicating between compon
 * Provide / inject allow a component to communicate with its slot contents. This is useful for tightly-coupled components that are always used together.
 * Provide / inject can also be used for long-distance communication between components. It can help to avoid 'prop drilling', where props need to be passed down through many levels of components that don't need those props themselves.
 * Prop drilling can also be avoided by refactoring to use slots. If an interim component doesn't need the props then it might indicate a problem with separation of concerns. Introducing a slot in that component allows the parent to create the content directly, so that props can be passed without the interim component needing to get involved.
-* [Global state management](https://vuejs.org/guide/scaling-up/state-management.html), such as [Pinia](https://pinia.vuejs.org/).
+* [Global state management](https://ja.vuejs.org/guide/scaling-up/state-management.html), such as [Pinia](https://pinia.vuejs.org/).

src/ja/breaking-changes/filters.md

@@ -82,7 +82,7 @@ Instead of using filters, we recommend replacing them with computed properties o
 
 If you are using filters that were globally registered and then used throughout your app, it's likely not convenient to replace them with computed properties or methods in each individual component.
 
-Instead, you can make your global filters available to all components through [globalProperties](https://vuejs.org/api/application.html#app-config-globalproperties):
+Instead, you can make your global filters available to all components through [globalProperties](https://ja.vuejs.org/api/application.html#app-config-globalproperties):
 
 ```js
 // main.js

src/ja/breaking-changes/functional-components.md

@@ -116,5 +116,5 @@ The main differences are that:
 For more information on the usage of the new functional components and the changes to render functions in general, see:
 
 - [Migration: Render Functions](./render-function-api.html)
-- [Guide: Render Functions](https://vuejs.org/guide/extras/render-function.html#render-functions-jsx)
+- [Guide: Render Functions](https://ja.vuejs.org/guide/extras/render-function.html#render-functions-jsx)
 - [Migration build flag: `COMPONENT_FUNCTIONAL`](../migration-build.html#compat-configuration)