VCinema/src/main.js

import { createApp } from 'vue'
import App from './App.vue'
import Router from './router'

// Import global components.
import FileSelect from '@/components/FileSelect.vue'

// Import PrimeVue dependencies.
import PrimeVue from 'primevue/config'
import Button from 'primevue/button'
import Card from 'primevue/card'
import InputText from 'primevue/inputtext'
import MenuBar from 'primevue/menubar'
import Toast from 'primevue/toast'
import ToastService from 'primevue/toastservice'
import 'primeflex/primeflex.css'
import 'primeicons/primeicons.css'
import 'primevue/resources/primevue.min.css'
import 'primevue/resources/themes/bootstrap4-light-blue/theme.css'

const app = createApp(App)

app.use(Router)
app.use(PrimeVue)
app.use(ToastService)

// Register PrimeVue components.
app.component('Button', Button)
app.component('Card', Card)
app.component('InputText', InputText)
app.component('MenuBar', MenuBar)
app.component('Toast', Toast)

// Register VCinemaApp components.
app.component('FileSelect', FileSelect)

// Render to DOM.
app.mount('#app')