text: const sidebar = {
    cookbook: [
      {
        title: 'クックブック',
        collapsable: false,
        children: [
          '/cookbook/',
          '/cookbook/editable-svg-icons',
          // '/cookbook/debugging-in-vscode'
        ]
      }
    ],
    guide: [
      {
        title: '基本的な使い方',
        collapsable: false,
        children: [
          '/guide/installation',
          '/guide/introduction',
          '/guide/instance',
          '/guide/template-syntax',
          '/guide/data-methods',
          '/guide/computed',
          '/guide/class-and-style',
          '/guide/conditional',
          '/guide/list',
          '/guide/events',
          '/guide/forms',
          '/guide/component-basics'
        ]
      },
      {
        title: 'コンポーネントの詳細',
        collapsable: false,
        children: [
          '/guide/component-registration',
          '/guide/component-props',
          '/guide/component-attrs',
          '/guide/component-custom-events',
          '/guide/component-slots',
          '/guide/component-provide-inject',
          '/guide/component-dynamic-async',
          '/guide/component-template-refs',
          '/guide/component-edge-cases'
        ]
      },
      {
        title: 'トランジションとアニメーション',
        collapsable: false,
        children: [
          '/guide/transitions-overview',
          '/guide/transitions-enterleave',
          '/guide/transitions-list',
          '/guide/transitions-state'
        ]
      },
      {
        title: '再利用と構成',
        collapsable: false,
        children: [
          {
            title: 'Composition API',
            children: [
              '/guide/composition-api-introduction',
              '/guide/composition-api-setup',
              '/guide/composition-api-lifecycle-hooks',
              '/guide/composition-api-provide-inject',
              '/guide/composition-api-template-refs'
            ]
          },
          '/guide/mixins',
          '/guide/custom-directive',
          '/guide/teleport',
          '/guide/render-function',
          '/guide/plugins'
        ]
      },
      {
        title: '高度な使い方',
        collapsable: false,
        children: [
          {
            title: 'リアクティビティ',
            children: [
              '/guide/reactivity',
              '/guide/reactivity-fundamentals',
              '/guide/reactivity-computed-watchers'
            ]
          },
          '/guide/optimizations',
          '/guide/change-detection'
        ]
      },
      {
        title: 'ツール',
        collapsable: false,
        children: [
          '/guide/single-file-component',
          '/guide/testing',
          '/guide/typescript-support',
          '/guide/mobile',
          '/guide/tooling/deployment'
        ]
      },
      {
        title: 'スケールアップ',
        collapsable: false,
        children: ['/guide/routing', '/guide/state-management', '/guide/ssr']
      },
      {
        title: 'アクセシビリティ',
        collapsable: false,
        children: [
          '/guide/a11y-basics',
          '/guide/a11y-semantics',
          '/guide/a11y-standards',
          '/guide/a11y-resources'
        ]
      },
    ],
    api: [
      '/api/application-config',
      '/api/application-api',
      '/api/global-api',
      {
        title: 'オプション',
        path: '/api/options-api',
        collapsable: false,
        children: [
          '/api/options-data',
          '/api/options-dom',
          '/api/options-lifecycle-hooks',
          '/api/options-assets',
          '/api/options-composition',
          '/api/options-misc'
        ]
      },
      '/api/instance-properties',
      '/api/instance-methods',
      '/api/directives',
      '/api/special-attributes',
      '/api/built-in-components.md',
      {
        title: 'リアクティビティ API',
        path: '/api/reactivity-api',
        collapsable: false,
        children: [
          '/api/basic-reactivity',
          '/api/refs-api',
          '/api/computed-watch-api'
        ]
      },
      '/api/composition-api'
    ],
    examples: [
      {
        title: '例',
        collapsable: false,
        children: [
          '/examples/markdown',
          '/examples/commits',
          '/examples/grid-component',
          '/examples/tree-view',
          '/examples/svg',
          '/examples/modal',
          '/examples/elastic-header',
          '/examples/select2',
          '/examples/todomvc'
        ]
      }
    ],
    migration: [
      '/guide/migration/introduction',
      {
        title: '詳細',
        collapsable: false,
        children: [
          '/guide/migration/array-refs',
          '/guide/migration/async-components',
          '/guide/migration/attribute-coercion',
          '/guide/migration/attrs-includes-class-style',
          '/guide/migration/children',
          '/guide/migration/custom-directives',
          '/guide/migration/custom-elements-interop',
          '/guide/migration/data-option',
          '/guide/migration/emits-option',
          '/guide/migration/events-api',
          '/guide/migration/filters',
          '/guide/migration/fragments',
          '/guide/migration/functional-components',
          '/guide/migration/global-api',
          '/guide/migration/global-api-treeshaking',
          '/guide/migration/inline-template-attribute',
          '/guide/migration/key-attribute',
          '/guide/migration/keycode-modifiers',
          '/guide/migration/listeners-removed',
          '/guide/migration/mount-changes',
          '/guide/migration/props-data',
          '/guide/migration/props-default-this',
          '/guide/migration/render-function-api',
          '/guide/migration/slots-unification',
          '/guide/migration/suspense',
          '/guide/migration/transition',
          '/guide/migration/transition-group',
          '/guide/migration/v-on-native-modifier-removed',
          '/guide/migration/v-model',
          '/guide/migration/v-if-v-for',
          '/guide/migration/v-bind',
          '/guide/migration/vnode-lifecycle-events',
          '/guide/migration/watch'
        ]
      },
    ],
    ssr: [
      ['/guide/ssr/introduction', 'Introduction'],
      '/guide/ssr/getting-started',
      '/guide/ssr/universal',
      '/guide/ssr/structure',
      '/guide/ssr/build-config',
      '/guide/ssr/server',
      '/guide/ssr/routing',
      '/guide/ssr/hydration'
    ],
    contributing: [
      {
        title: 'ドキュメントへの貢献',
        collapsable: false,
        children: [
          '/guide/contributing/writing-guide',
          '/guide/contributing/doc-style-guide',
          '/guide/contributing/translations'
        ]
      }
    ]
  }
  
  module.exports = {
    title: 'Vue.js',
    description: 'Vue.js - The Progressive JavaScript Framework',
    head: [
      [
        'link',
        {
          href:
            'https://fonts.googleapis.com/css?family=Inter:300,400,500,600|Open+Sans:400,600;display=swap',
          rel: 'stylesheet'
        }
      ],
      [
        'link',
        {
          href:
            'https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css',
          rel: 'stylesheet'
        }
      ],
      [
        'link',
        {
          rel: 'icon',
          href: '/logo.png'
        }
      ],
      ['link', { rel: 'manifest', href: '/manifest.json' }],
      ['meta', { name: 'theme-color', content: '#3eaf7c' }],
      ['meta', { name: 'apple-mobile-web-app-capable', content: 'yes' }],
      [
        'meta',
        { name: 'apple-mobile-web-app-status-bar-style', content: 'black' }
      ],
      [
        'link',
        {
          rel: 'apple-touch-icon',
          href: '/images/icons/apple-icon-152x152.png'
        }
      ],
      [
        'meta',
        {
          name: 'msapplication-TileImage',
          content: '/images/icons/ms-icon-144x144.png'
        }
      ],
      ['meta', { name: 'msapplication-TileColor', content: '#000000' }],
      [
        'script',
        {
          src: 'https://player.vimeo.com/api/player.js'
        }
      ],
      [
        'script',
        {
          src: 'https://extend.vimeocdn.com/ga/72160148.js',
          defer: 'defer'
        }
      ]
    ],
    themeConfig: {
      logo: '/logo.png',
      nav: [
        {
          text: 'ドキュメント',
          ariaLabel: 'Documentation Menu',
          items: [
            {
              text: 'ガイド',
              link: '/guide/introduction'
            },
            {
              text: 'スタイルガイド',
              link: '/style-guide/'
            },
            {
              text: 'クックブック',
              link: '/cookbook/'
            },
            {
              text: '例',
              link: '/examples/markdown'
            },
            {
              text: '貢献',
              link: '/guide/contributing/writing-guide'
            },
            {
              text: 'Vue 2 からの移行',
              link: '/guide/migration/introduction'
            }
          ]
        },
        {
          text: 'API リファレンス',
          link: '/api/'
        },
        {
          text: 'エコシステム',
          items: [
            {
              text: 'コミュニティ',
              ariaLabel: 'Community Menu',
              items: [
                {
                  text: 'チーム',
                  link: '/community/team/'
                },
                {
                  text: 'パートナー',
                  link: '/community/partners'
                },
                {
                  text: '参加する',
                  link: '/community/join/'
                },
                {
                  text: 'テーマ',
                  link: '/community/themes/'
                }
              ]
            },
            {
              text: '公式プロジェクト',
              items: [
                {
                  text: 'Vue Router',
                  link: 'https://next.router.vuejs.org/'
                },
                {
                  text: 'Vuex',
                  link: 'https://next.vuex.vuejs.org/'
                },
                {
                  text: 'Vue CLI',
                  link: 'https://cli.vuejs.org/'
                },
                {
                  text: 'Vue Test Utils',
                  link:
                    'https://next.vue-test-utils.vuejs.org/guide/'
                },
                {
                  text: 'Devtools',
                  link: 'https://github.com/vuejs/vue-devtools'
                },
                {
                  text: 'ウィークリーニュース',
                  link: 'https://news.vuejs.org/'
                },
                {
                  text: 'ブログ',
                  link: 'https://blog.vuejs.org/'
                }
              ]
            }
          ]
        },
        {
          text: 'Vue を支援する',
          link: '/support-vuejs/',
          items: [
            {
              text: '1 回きりの支援',
              link: '/support-vuejs/#one-time-donations'
            },
            {
              text: '継続的な支援',
              link: '/support-vuejs/#recurring-pledges'
            },
            {
              text: 'Tシャツショップ',
              link: 'https://vue.threadless.com/'
            }
          ]
        },
        {
          text: '翻訳',
          link: '#',
          items: [
            // Translation maintainers: Please include the link below to the English documentation
            // {
            //   text: 'English',
            //   link: 'https://v3.vuejs.org/'
            // },
            {
              text: '中文',
              link: 'https://v3.cn.vuejs.org/'
            },
            {
              text: '한국어',
              link: 'https://v3.ko.vuejs.org/'
            },
            {
              text: 'その他の翻訳',
              link: '/guide/contributing/translations#community-translations'
            }
          ]
        }
      ],
      repo: 'vuejs/docs-next',
      editLinks: false,
      editLinkText: 'GitHub でこのページを編集！',
      lastUpdated: '最終更新日',
      docsDir: 'src',
      sidebarDepth: 2,
      sidebar: {
        collapsable: false,
        '/guide/migration/': sidebar.migration,
        '/guide/contributing/': sidebar.contributing,
        '/guide/ssr/': sidebar.ssr,
        '/guide/': sidebar.guide,
        '/community/': sidebar.guide,
        '/cookbook/': sidebar.cookbook,
        '/api/': sidebar.api,
        '/examples/': sidebar.examples
      },
      smoothScroll: false,
      algolia: {
        indexName: 'vuejs-v3',
        // appId: 'BH4D9OD16A',
        apiKey: 'bc6e8acb44ed4179c30d0a45d6140d3f'
      },
      // carbonAds: {
      //   carbon: 'CEBDT27Y',
      //   custom: 'CKYD62QM',
      //   placement: 'vuejsorg'
      // }
    },
    plugins: [
      // [
      //   '@vuepress/last-updated',
      //   {
      //     transformer(timestamp) {
      //       const date = new Date(timestamp)
  
      //       const digits = [
      //         date.getUTCFullYear(), date.getUTCMonth() + 1, date.getUTCDate(),
      //         date.getUTCHours(), date.getUTCMinutes(), date.getUTCSeconds()
      //       ].map(num => String(num).padStart(2, '0'))
  
      //       return '{0}-{1}-{2}, {3}:{4}:{5} UTC'.replace(/{(\d)}/g, (_, num) => digits[num])
      //     }
      //   }
      // ],
      [
        '@vuepress/pwa',
        {
          serviceWorker: true,
          updatePopup: {
            '/': {
              message: 'New content is available.',
              buttonText: 'Refresh'
            }
          }
        }
      ],
      [
        'vuepress-plugin-container',
        {
          type: 'info',
          before: info =>
            `<div class="custom-block info"><p class="custom-block-title">${info}</p>`,
          after: '</div>'
        }
      ]
    ],
    markdown: {
      lineNumbers: true,
      /** @param {import('markdown-it')} md */
      extendMarkdown: md => {
        md.options.highlight = require('./markdown/highlight')(
          md.options.highlight
        )
      }
    }
  }
  