router.js

import AddOrEditPlaylist from '@/Pages/AddOrEditPlaylist.vue'
import Credits from '@/Pages/Credits.vue'
import EmissionManager from '@/Pages/EmissionManager.vue'
import FileManager from '@/Pages/FileManager.vue'
import Help from '@/Pages/Help.vue'
import Home from '@/Pages/Home.vue'
import Settings from '@/Pages/Settings.vue'
import ShowManager from '@/Pages/ShowManager.vue'
import { createRouter, createWebHistory } from 'vue-router'

const routes = [
  { path: '/', alias: '/home', name: 'home', component: Home },
  { path: '/shows', name: 'shows', component: ShowManager },
  { path: '/files', name: 'files', component: FileManager },
  { path: '/calendar', name: 'emissions', component: EmissionManager },
  { path: '/help', name: 'help', component: Help },
  { path: '/settings', name: 'settings', component: Settings },
  { path: '/credits', name: 'credits', component: Credits },
  {
    path: '/playlist/new',
    name: 'addPlaylist',
    component: AddOrEditPlaylist,
    props: { id: false },
  },
  { path: '/playlist/:id', name: 'editPlaylist', component: AddOrEditPlaylist, props: true },
]

export default createRouter({
  history: createWebHistory(),
  routes,
})