vue-select/docs/.vuepress/config.js

const path = require('path');

const isDeployPreview = process.env.hasOwnProperty('DEPLOY_PREVIEW');

const meta = {
  title: 'Vue Select | VueJS Select2/Chosen Component',
  description: 'Everything you wish the HTML select element could do, wrapped up into a lightweight, extensible Vue component.',
  url: 'https://vue-select.org',
};

const pluginConfig = {
  analytics: {ga: isDeployPreview ? '' : 'UA-12818324-8'},
  pwa: {
    serviceWorker: false,
    updatePopup: true,
  },
  vuesource: {
    src: path.resolve(__dirname, '../../src/components/Select.vue')
  },
};

let head = [
  [
    'link',
    {
      href: '//fonts.googleapis.com/css?family=Source+Sans+Pro:400,600|Roboto Mono',
      rel: 'stylesheet',
      type: 'text/css',
    }],
  [
    'link',
    {
      href: '//fonts.googleapis.com/css?family=Dosis:300&text=Vue Select',
      rel: 'stylesheet',
      type: 'text/css',
    }],
  ['link', {rel: 'icon', href: `/vue-logo.png`}],
  ['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: `/icons/apple-touch-icon-152x152.png`}],
  [
    'link',
    {rel: 'mask-icon', href: '/icons/safari-pinned-tab.svg', color: '#3eaf7c'}],
  [
    'meta',
    {
      name: 'msapplication-TileImage',
      content: '/icons/msapplication-icon-144x144.png',
    }],
  ['meta', {name: 'msapplication-TileColor', content: '#000000'}],
  ['meta', {name: 'title', content: meta.title}],
  ['meta', {name: 'description', content: meta.description}],
  ['link', {rel: 'icon', href: meta.icon, type: 'image/png'}],
  ['meta', {property: 'og:image', content: meta.icon}],
  ['meta', {property: 'twitter:image', content: meta.icon}],
  ['meta', {name: 'description', content: meta.description}],
  ['meta', {property: 'og:description', content: ''}],
  ['meta', {property: 'twitter:description', content: meta.description}],
  ['meta', {property: 'twitter:title', content: meta.title}],
  ['meta', {property: 'og:title', content: meta.title}],
  ['meta', {property: 'og:site_name', content: meta.title}],
  ['meta', {property: 'og:url', content: meta.url}],
];

if (isDeployPreview) {
  head.push(
    ['meta', {name: 'robots', content: 'noindex'}],
    ['meta', {name: 'googlebot', content: 'noindex'}],
  );
}

module.exports = {
  title: 'Vue Select',
  description: meta.description,
  head,
  plugins: [
    [require('@vuesource/vuepress'), pluginConfig.vuesource],
    ['@vuepress/google-analytics', pluginConfig.analytics],
    ['@vuepress/pwa', pluginConfig.pwa],
    '@vuepress/plugin-register-components',
    '@vuepress/plugin-active-header-links',
    '@vuepress/plugin-search',
    '@vuepress/plugin-nprogress',
  ],
  extraWatchFiles: [
    '.vuepress/generateApiDocs/**/*.js',
    '../src/**.*.js',
    '../src/**.*.vue',
  ],
  themeConfig: {
    repo: 'sagalbot/vue-select',
    editLinks: true,
    docsDir: 'docs',
    nav: [
      {text: 'Home', link: '/'},
      {text: 'Sandbox', link: '/sandbox'},
    ],
    sidebar: {
      '/': [
        {
          title: 'Getting Started',
          collapsable: false,
          children: [
            ['guide/install', 'Installation'],
            ['guide/options', 'Dropdown Options'],
            ['guide/values', 'Selecting Values'],
            ['guide/upgrading', 'Upgrading 2.x to 3.x'],
          ],
        },
        {
          title: 'Templating & Styling',
          collapsable: false,
          children: [
            ['guide/components', 'Child Components'],
            ['guide/css', 'CSS & Selectors'],
            ['guide/slots', 'Slots'],
          ],
        },
        {
          title: 'Accessibility',
          collapsable: false,
          children: [
            ['guide/accessibility', 'WAI-ARIA Spec'],
            ['guide/localization', 'Localization'],
          ],
        },
        {
          title: 'Use Cases',
          collapsable: false,
          children: [
            ['guide/validation', 'Validation'],
            ['guide/selectable', 'Limiting Selections'],
            ['guide/vuex', 'Vuex'],
            ['guide/ajax', 'AJAX'],
            ['guide/loops', 'Using in Loops'],
          ],
        },
        {
          title: 'Customizing',
          collapsable: false,
          children: [
            ['guide/keydown', 'Keydown Events'],
          ],
        },
        {
          title: 'API',
          collapsable: false,
          children: [
            ['api/props', 'Props'],
            ['api/events', 'Events'],
            ['api/slots', 'Slots'],
            ['api/methods', 'Methods'],
          ],
        },
      ],
    },
  },
};