2018-08-22 15:14:49 +08:00
|
|
|
import '@babel/polyfill'
|
2018-08-21 05:02:21 +08:00
|
|
|
import Vue from 'vue'
|
2018-08-22 19:30:53 +08:00
|
|
|
import VueRouter from 'vue-router'
|
2018-08-21 05:02:21 +08:00
|
|
|
import svgSpriteLoader from 'helpers/svg-sprite-loader'
|
2018-08-22 20:10:44 +08:00
|
|
|
import App from 'Components/App'
|
2018-08-22 21:54:22 +08:00
|
|
|
import RouteMenuBar from 'Components/Routes/MenuBar'
|
2018-08-22 21:53:17 +08:00
|
|
|
import RouteMenuBubble from 'Components/Routes/MenuBubble'
|
2018-08-22 20:10:44 +08:00
|
|
|
import RouteLinks from 'Components/Routes/Links'
|
2018-08-22 22:05:44 +08:00
|
|
|
import RouteHidingMenuBar from 'Components/Routes/HidingMenuBar'
|
2018-08-22 22:20:56 +08:00
|
|
|
import RouteTodoList from 'Components/Routes/TodoList'
|
2018-08-22 22:34:04 +08:00
|
|
|
import RouteMarkdownShortcuts from 'Components/Routes/MarkdownShortcuts'
|
2018-08-21 05:02:21 +08:00
|
|
|
|
|
|
|
const __svg__ = { path: './assets/images/icons/*.svg', name: 'assets/images/[hash].sprite.svg' }
|
|
|
|
svgSpriteLoader(__svg__.filename)
|
|
|
|
|
|
|
|
Vue.config.productionTip = false
|
|
|
|
|
2018-08-22 19:30:53 +08:00
|
|
|
Vue.use(VueRouter)
|
|
|
|
|
|
|
|
const routes = [
|
|
|
|
{
|
|
|
|
path: '/',
|
2018-08-22 21:54:22 +08:00
|
|
|
component: RouteMenuBar,
|
2018-08-22 20:10:44 +08:00
|
|
|
},
|
|
|
|
{
|
2018-08-22 21:53:17 +08:00
|
|
|
path: '/menu-bubble',
|
|
|
|
component: RouteMenuBubble,
|
2018-08-22 20:10:44 +08:00
|
|
|
},
|
|
|
|
{
|
|
|
|
path: '/links',
|
|
|
|
component: RouteLinks,
|
2018-08-22 19:30:53 +08:00
|
|
|
},
|
2018-08-22 22:05:44 +08:00
|
|
|
{
|
|
|
|
path: '/hiding-menu-bar',
|
|
|
|
component: RouteHidingMenuBar,
|
|
|
|
},
|
2018-08-22 22:20:56 +08:00
|
|
|
{
|
|
|
|
path: '/todo-list',
|
|
|
|
component: RouteTodoList,
|
|
|
|
},
|
2018-08-22 22:34:04 +08:00
|
|
|
{
|
|
|
|
path: '/markdown-shortcuts',
|
|
|
|
component: RouteMarkdownShortcuts,
|
|
|
|
},
|
2018-08-22 19:30:53 +08:00
|
|
|
]
|
|
|
|
|
|
|
|
const router = new VueRouter({
|
|
|
|
routes,
|
2018-08-22 20:10:44 +08:00
|
|
|
linkActiveClass: 'is-active',
|
|
|
|
linkExactActiveClass: 'is-exact-active',
|
2018-08-22 19:30:53 +08:00
|
|
|
})
|
|
|
|
|
2018-08-21 05:02:21 +08:00
|
|
|
new Vue({
|
2018-08-22 19:30:53 +08:00
|
|
|
router,
|
2018-08-21 05:02:21 +08:00
|
|
|
render: h => h(App),
|
|
|
|
}).$mount('#app')
|