import './main.css'

import Vue from 'vue'
import App from './docs/App'

import VueAui from './components/VueAui'

import Welcome from './docs/Welcome.vue'

import Avatars from './docs/component/Avatars.vue'
import Badges from './docs/component/Badges.vue'
import Buttons from './docs/component/Buttons.vue'
import Select2 from './docs/component/Select2.vue'
import Dialog2 from './docs/component/Dialog2.vue'
import Icons from './docs/component/Icons.vue'
import Lozenges from './docs/component/Lozenges.vue'
import Navigation from './docs/component/Navigation.vue'
import Tabs from './docs/component/Tabs.vue'
import ToggleButton from './docs/component/ToggleButton.vue'
import ProgressIndicator from './docs/component/ProgressIndicator.vue'

import VueHighlightJS from 'vue-highlightjs'
import VueRouter from 'vue-router'

Vue.use(VueHighlightJS)
Vue.use(VueAui)
Vue.use(VueRouter)

const router = new VueRouter({
  routes: [
    {path: '/', component: Welcome},
    {
      path: '/components/avatars', component: Avatars,
      meta: {
        componentName: 'Avatars',
        docsName: 'Avatars',
        auiLink: 'https://docs.atlassian.com/aui/latest/docs/avatars.html'
      }
    },
    {
      path: '/components/buttons', component: Buttons,
      meta: {
        componentName: 'Buttons',
        docsName: 'Buttons',
        auiLink: 'https://docs.atlassian.com/aui/latest/docs/buttons.html'
      }
    },
    {
      path: '/components/badges', component: Badges,
      meta: {
        componentName: 'Badges',
        docsName: 'Badges',
        auiLink: 'https://docs.atlassian.com/aui/latest/docs/badges.html'
      }
    },
    {
      path: '/components/select2', component: Select2,
      meta: {
        componentName: 'Select2',
        docsName: 'AUI Select2',
        auiLink: 'https://docs.atlassian.com/aui/latest/docs/auiselect2.html'
      }
    },
    {
      path: '/components/dialog2', component: Dialog2,
      meta: {
        componentName: 'Dialog2',
        docsName: 'Dialog 2',
        auiLink: 'https://docs.atlassian.com/aui/latest/docs/dialog2.html'
      }
    },
    {
      path: '/components/icons', component: Icons,
      meta: {
        componentName: 'Icons',
        docsName: 'Icons',
        auiLink: 'https://docs.atlassian.com/aui/latest/docs/icons.html'
      }
    },
    {
      path: '/components/lozenges', component: Lozenges,
      meta: {
        componentName: 'Lozenges',
        docsName: 'Lozenges',
        auiLink: 'https://docs.atlassian.com/aui/latest/docs/lozenges.html'
      }
    },
    {
      path: '/components/navigation', component: Navigation,
      meta: {
        componentName: 'Navigation',
        docsName: 'Navigation',
        auiLink: 'https://docs.atlassian.com/aui/latest/docs/navigation.html'
      }
    },
    {
      path: '/components/tabs', component: Tabs,
      meta: {
        componentName: 'Tabs',
        docsName: 'Tabs',
        auiLink: 'https://docs.atlassian.com/aui/latest/docs/tabs.html'
      }
    },
    {
      path: '/components/toggle-button', component: ToggleButton,
      meta: {
        componentName: 'ToggleButton',
        docsName: 'Toggle Button',
        auiLink: 'https://docs.atlassian.com/aui/latest/docs/toggle-button.html'
      }
    },
    {
      path: '/components/progress-indicator', component: ProgressIndicator,
      meta: {
        componentName: 'ProgressIndicator',
        docsName: 'Progress Indicator',
        auiLink: 'https://docs.atlassian.com/aui/latest/docs/progress-indicator.html'
      }
    }
  ]
})

/* eslint-disable no-new */
new Vue({
  router,
  el: '#app',
  template: '<App/>',
  components: {App}
})

@@ -2794,32 +2794,313 @@
  %7D%0A    %7D,%0A    %7B%0A
+      path: '/components/progress-indicator', component: ProgressIndicator,%0A      meta: %7B%0A        componentName: 'ProgressIndicator',%0A        docsName: 'Progress Indicator',%0A        auiLink: 'https://docs.atlassian.com/aui/latest/docs/progress-indicator.html'%0A      %7D%0A    %7D,%0A    %7B%0A
       path: '/co
@@ -3543,289 +3543,8 @@
   %7D%0A
-    %7D,%0A    %7B%0A      path: '/components/progress-indicator', component: ProgressIndicator,%0A      meta: %7B%0A        componentName: 'ProgressIndicator',%0A        docsName: 'Progress Indicator',%0A        auiLink: 'https://docs.atlassian.com/aui/latest/docs/progress-indicator.html'%0A      %7D%0A
     

Change to alphabetical order