Skip to content

Commit d9617e1

Browse files
chmechme
committed
wip! [vue3] Migrate to vue-router 4.x
1 parent d27730e commit d9617e1

File tree

2 files changed

+43
-44
lines changed

2 files changed

+43
-44
lines changed

‎web-src/src/main.js‎

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,12 @@
11
import { createApp } from 'vue'
22
import store from './store'
3+
import { router } from './router'
34
import VueProgressBar from '@aacassandra/vue3-progressbar'
45
import App from './App.vue'
56

67
createApp(App)
78
.use(store)
9+
.use(router)
810
.use(VueProgressBar, {
911
color: 'hsl(204, 86%, 53%)',
1012
failedColor: 'red',

‎web-src/src/router/index.js‎

Lines changed: 41 additions & 44 deletions
Original file line numberDiff line numberDiff line change
@@ -1,50 +1,47 @@
1-
import Vue from 'vue'
2-
import VueRouter from 'vue-router'
1+
import { createRouter } from 'vue-router'
32
import store from '@/store'
43
import * as types from '@/store/mutation_types'
5-
import PageQueue from '@/pages/PageQueue'
6-
import PageNowPlaying from '@/pages/PageNowPlaying'
7-
import PageBrowse from '@/pages/PageBrowse'
8-
import PageBrowseRecentlyAdded from '@/pages/PageBrowseRecentlyAdded'
9-
import PageBrowseRecentlyPlayed from '@/pages/PageBrowseRecentlyPlayed'
10-
import PageArtists from '@/pages/PageArtists'
11-
import PageArtist from '@/pages/PageArtist'
12-
import PageAlbums from '@/pages/PageAlbums'
13-
import PageAlbum from '@/pages/PageAlbum'
14-
import PageGenres from '@/pages/PageGenres'
15-
import PageGenre from '@/pages/PageGenre'
16-
import PageGenreTracks from '@/pages/PageGenreTracks'
17-
import PageArtistTracks from '@/pages/PageArtistTracks'
18-
import PageComposers from '@/pages/PageComposers'
19-
import PageComposer from '@/pages/PageComposer'
20-
import PageComposerTracks from '@/pages/PageComposerTracks'
21-
import PagePodcasts from '@/pages/PagePodcasts'
22-
import PagePodcast from '@/pages/PagePodcast'
23-
import PageAudiobooksAlbums from '@/pages/PageAudiobooksAlbums'
24-
import PageAudiobooksArtists from '@/pages/PageAudiobooksArtists'
25-
import PageAudiobooksArtist from '@/pages/PageAudiobooksArtist'
26-
import PageAudiobooksAlbum from '@/pages/PageAudiobooksAlbum'
27-
import PagePlaylists from '@/pages/PagePlaylists'
28-
import PagePlaylist from '@/pages/PagePlaylist'
29-
import PageFiles from '@/pages/PageFiles'
30-
import PageRadioStreams from '@/pages/PageRadioStreams'
31-
import PageSearch from '@/pages/PageSearch'
32-
import PageAbout from '@/pages/PageAbout'
33-
import SpotifyPageBrowse from '@/pages/SpotifyPageBrowse'
34-
import SpotifyPageBrowseNewReleases from '@/pages/SpotifyPageBrowseNewReleases'
35-
import SpotifyPageBrowseFeaturedPlaylists from '@/pages/SpotifyPageBrowseFeaturedPlaylists'
36-
import SpotifyPageArtist from '@/pages/SpotifyPageArtist'
37-
import SpotifyPageAlbum from '@/pages/SpotifyPageAlbum'
38-
import SpotifyPagePlaylist from '@/pages/SpotifyPagePlaylist'
39-
import SpotifyPageSearch from '@/pages/SpotifyPageSearch'
40-
import SettingsPageWebinterface from '@/pages/SettingsPageWebinterface'
41-
import SettingsPageArtwork from '@/pages/SettingsPageArtwork'
42-
import SettingsPageOnlineServices from '@/pages/SettingsPageOnlineServices'
43-
import SettingsPageRemotesOutputs from '@/pages/SettingsPageRemotesOutputs'
4+
import PageQueue from '@/pages/PageQueue.vue'
5+
import PageNowPlaying from '@/pages/PageNowPlaying.vue'
6+
import PageBrowse from '@/pages/PageBrowse.vue'
7+
import PageBrowseRecentlyAdded from '@/pages/PageBrowseRecentlyAdded.vue'
8+
import PageBrowseRecentlyPlayed from '@/pages/PageBrowseRecentlyPlayed.vue'
9+
import PageArtists from '@/pages/PageArtists.vue'
10+
import PageArtist from '@/pages/PageArtist.vue'
11+
import PageAlbums from '@/pages/PageAlbums.vue'
12+
import PageAlbum from '@/pages/PageAlbum.vue'
13+
import PageGenres from '@/pages/PageGenres.vue'
14+
import PageGenre from '@/pages/PageGenre.vue'
15+
import PageGenreTracks from '@/pages/PageGenreTracks.vue'
16+
import PageArtistTracks from '@/pages/PageArtistTracks.vue'
17+
import PageComposers from '@/pages/PageComposers.vue'
18+
import PageComposer from '@/pages/PageComposer.vue'
19+
import PageComposerTracks from '@/pages/PageComposerTracks.vue'
20+
import PagePodcasts from '@/pages/PagePodcasts.vue'
21+
import PagePodcast from '@/pages/PagePodcast.vue'
22+
import PageAudiobooksAlbums from '@/pages/PageAudiobooksAlbums.vue'
23+
import PageAudiobooksArtists from '@/pages/PageAudiobooksArtists.vue'
24+
import PageAudiobooksArtist from '@/pages/PageAudiobooksArtist.vue'
25+
import PageAudiobooksAlbum from '@/pages/PageAudiobooksAlbum.vue'
26+
import PagePlaylists from '@/pages/PagePlaylists.vue'
27+
import PagePlaylist from '@/pages/PagePlaylist.vue'
28+
import PageFiles from '@/pages/PageFiles.vue'
29+
import PageRadioStreams from '@/pages/PageRadioStreams.vue'
30+
import PageSearch from '@/pages/PageSearch.vue'
31+
import PageAbout from '@/pages/PageAbout.vue'
32+
import SpotifyPageBrowse from '@/pages/SpotifyPageBrowse.vue'
33+
import SpotifyPageBrowseNewReleases from '@/pages/SpotifyPageBrowseNewReleases.vue'
34+
import SpotifyPageBrowseFeaturedPlaylists from '@/pages/SpotifyPageBrowseFeaturedPlaylists.vue'
35+
import SpotifyPageArtist from '@/pages/SpotifyPageArtist.vue'
36+
import SpotifyPageAlbum from '@/pages/SpotifyPageAlbum.vue'
37+
import SpotifyPagePlaylist from '@/pages/SpotifyPagePlaylist.vue'
38+
import SpotifyPageSearch from '@/pages/SpotifyPageSearch.vue'
39+
import SettingsPageWebinterface from '@/pages/SettingsPageWebinterface.vue'
40+
import SettingsPageArtwork from '@/pages/SettingsPageArtwork.vue'
41+
import SettingsPageOnlineServices from '@/pages/SettingsPageOnlineServices.vue'
42+
import SettingsPageRemotesOutputs from '@/pages/SettingsPageRemotesOutputs.vue'
4443

45-
Vue.use(VueRouter)
46-
47-
export const router = new VueRouter({
44+
export const router = createRouter({
4845
routes: [
4946
{
5047
path: '/',

0 commit comments

Comments
 (0)