184 lines
3.3 KiB
JavaScript
184 lines
3.3 KiB
JavaScript
import Vue from 'vue'
|
|
import VueRouter from 'vue-router'
|
|
|
|
// Pages
|
|
import About from '@components/pages/About.vue'
|
|
import InfoArl from '@components/pages/InfoArl.vue'
|
|
import InfoSpotifyFeatures from '@components/pages/InfoSpotifyFeatures.vue'
|
|
import Artist from '@components/pages/Artist.vue'
|
|
import Charts from '@components/pages/Charts.vue'
|
|
import Errors from '@components/pages/Errors.vue'
|
|
import Favorites from '@components/pages/Favorites.vue'
|
|
import Home from '@components/pages/Home.vue'
|
|
import LinkAnalyzer from '@components/pages/LinkAnalyzer.vue'
|
|
import Logs from '@components/pages/Logs.vue'
|
|
import Search from '@components/pages/Search.vue'
|
|
import Settings from '@components/pages/Settings.vue'
|
|
import Tracklist from '@components/pages/Tracklist.vue'
|
|
|
|
import { fetchData } from '@/utils/api'
|
|
import EventBus from '@/utils/EventBus'
|
|
|
|
Vue.use(VueRouter)
|
|
|
|
const routes = [
|
|
{
|
|
path: window.location.pathname,
|
|
name: 'Home',
|
|
component: Home,
|
|
meta: {
|
|
notKeepAlive: true
|
|
}
|
|
},
|
|
{
|
|
path: '/tracklist/:type/:id',
|
|
name: 'Tracklist',
|
|
component: Tracklist
|
|
},
|
|
{
|
|
path: '/artist/:id',
|
|
name: 'Artist',
|
|
component: Artist,
|
|
meta: {
|
|
notKeepAlive: true
|
|
}
|
|
},
|
|
{
|
|
path: '/album/:id',
|
|
name: 'Album',
|
|
component: Tracklist
|
|
},
|
|
{
|
|
path: '/playlist/:id',
|
|
name: 'Playlist',
|
|
component: Tracklist
|
|
},
|
|
{
|
|
path: '/spotify-playlist/:id',
|
|
name: 'Spotify Playlist',
|
|
component: Tracklist
|
|
},
|
|
{
|
|
path: '/charts',
|
|
name: 'Charts',
|
|
component: Charts,
|
|
meta: {
|
|
notKeepAlive: true
|
|
}
|
|
},
|
|
{
|
|
path: '/favorites',
|
|
name: 'Favorites',
|
|
component: Favorites,
|
|
meta: {
|
|
notKeepAlive: true
|
|
}
|
|
},
|
|
{
|
|
path: '/errors',
|
|
name: 'Errors',
|
|
component: Errors
|
|
},
|
|
{
|
|
path: '/logs',
|
|
name: 'Logs',
|
|
component: Logs
|
|
},
|
|
{
|
|
path: '/link-analyzer',
|
|
name: 'Link Analyzer',
|
|
component: LinkAnalyzer
|
|
},
|
|
{
|
|
path: '/about',
|
|
name: 'About',
|
|
component: About
|
|
},
|
|
{
|
|
path: '/info-arl',
|
|
name: 'ARL',
|
|
component: InfoArl
|
|
},
|
|
{
|
|
path: '/info-spotify',
|
|
name: 'Spotify Features',
|
|
component: InfoSpotifyFeatures
|
|
},
|
|
{
|
|
path: '/settings',
|
|
name: 'Settings',
|
|
component: Settings
|
|
},
|
|
{
|
|
path: '/search',
|
|
name: 'Search',
|
|
component: Search,
|
|
meta: {
|
|
notKeepAlive: true
|
|
}
|
|
},
|
|
// 404 client side
|
|
{
|
|
path: '*',
|
|
component: Home
|
|
}
|
|
]
|
|
|
|
const router = new VueRouter({
|
|
mode: 'history',
|
|
routes,
|
|
scrollBehavior() {
|
|
return { x: 0, y: 0 }
|
|
}
|
|
})
|
|
|
|
router.beforeEach((to, _, next) => {
|
|
switch (to.name) {
|
|
case 'Tracklist': {
|
|
// const getTracklistParams = {
|
|
// type: to.params.type,
|
|
// id: to.params.id
|
|
// }
|
|
console.warn('This should never happen.')
|
|
break
|
|
}
|
|
case 'Album': {
|
|
const getTracklistParams = {
|
|
type: 'album',
|
|
id: to.params.id
|
|
}
|
|
fetchData('getTracklist', getTracklistParams).then(albumData => {
|
|
EventBus.$emit('showAlbum', albumData)
|
|
})
|
|
break
|
|
}
|
|
case 'Playlist': {
|
|
const getTracklistParams = {
|
|
type: 'playlist',
|
|
id: to.params.id
|
|
}
|
|
fetchData('getTracklist', getTracklistParams).then(playlistData => {
|
|
EventBus.$emit('showPlaylist', playlistData)
|
|
})
|
|
break
|
|
}
|
|
case 'Spotify Playlist': {
|
|
const getTracklistParams = {
|
|
type: 'spotifyplaylist',
|
|
id: to.params.id
|
|
}
|
|
fetchData('getTracklist', getTracklistParams).then(spotifyPlaylistData => {
|
|
EventBus.$emit('showSpotifyPlaylist', spotifyPlaylistData)
|
|
})
|
|
break
|
|
}
|
|
|
|
default:
|
|
break
|
|
}
|
|
|
|
next()
|
|
})
|
|
|
|
export default router
|