You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
96 lines
2.0 KiB
96 lines
2.0 KiB
// import Vue from 'vue'
|
|
import VueRouter from 'vue-router'
|
|
|
|
import i18n from './i18n'
|
|
import RouterComponent from './views/Router'
|
|
import DocumentComponent from './views/Document'
|
|
import ExampleComponent from './views/Example'
|
|
|
|
import FullExampleComponent from './views/examples/Full'
|
|
import SimpleExampleComponent from './views/examples/Simple'
|
|
import AvatarExampleComponent from './views/examples/Avatar'
|
|
import DragExampleComponent from './views/examples/Drag'
|
|
import MultipleExampleComponent from './views/examples/Multiple'
|
|
import ChunkExampleComponent from './views/examples/Chunk'
|
|
import VuexExampleComponent from './views/examples/Vuex'
|
|
|
|
|
|
|
|
// Vue.use(VueRouter)
|
|
|
|
|
|
let examples = [
|
|
{
|
|
path: '',
|
|
component: FullExampleComponent,
|
|
},
|
|
{
|
|
path: 'full',
|
|
component: FullExampleComponent,
|
|
},
|
|
{
|
|
path: 'simple',
|
|
component: SimpleExampleComponent,
|
|
},
|
|
{
|
|
path: 'avatar',
|
|
component: AvatarExampleComponent,
|
|
},
|
|
{
|
|
path: 'drag',
|
|
component: DragExampleComponent,
|
|
},
|
|
{
|
|
path: 'multiple',
|
|
component: MultipleExampleComponent,
|
|
},
|
|
{
|
|
path: 'chunk',
|
|
component: ChunkExampleComponent,
|
|
},
|
|
{
|
|
path: 'vuex',
|
|
component: VuexExampleComponent,
|
|
},
|
|
]
|
|
|
|
|
|
|
|
const router = new VueRouter({
|
|
mode: 'hash',
|
|
fallback: false,
|
|
scrollBehavior(to, from, savedPosition) {
|
|
if (savedPosition) {
|
|
return savedPosition
|
|
} else if (to.hash) {
|
|
let el = document.querySelector(to.hash)
|
|
return { x: 0, y: el ? el.offsetTop : 0 }
|
|
} else {
|
|
return { x: 0, y: 0 }
|
|
}
|
|
},
|
|
routes: [
|
|
{
|
|
path: '/:locale(' + Object.keys(i18n.messages).join('|') + ')?',
|
|
component: RouterComponent,
|
|
children: [
|
|
{
|
|
path: 'documents',
|
|
component: DocumentComponent,
|
|
},
|
|
{
|
|
path: 'examples',
|
|
component: ExampleComponent,
|
|
children: examples,
|
|
},
|
|
{
|
|
path: '',
|
|
component: ExampleComponent,
|
|
children: examples,
|
|
},
|
|
]
|
|
},
|
|
]
|
|
})
|
|
export default router
|