Rename Upload component

src/main.js

@@ -3,13 +3,12 @@ import App from './App.vue'
 import Router from './router'
 
 // Import global components.
-import Upload from './components/Upload.vue'
+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 FileUpload from 'primevue/fileupload'
 import InputText from 'primevue/inputtext'
 import MenuBar from 'primevue/menubar'
 import Toast from 'primevue/toast'
@@ -25,13 +24,15 @@ app.use(Router)
 app.use(PrimeVue)
 app.use(ToastService)
 
+// Register PrimeVue components.
 app.component('Button', Button)
 app.component('Card', Card)
-app.component('FileUpload', FileUpload)
 app.component('InputText', InputText)
 app.component('MenuBar', MenuBar)
-app.component('Upload', Upload)
 app.component('Toast', Toast)
 
+// Register VCinemaApp components.
+app.component('FileSelect', FileSelect)
+
 // Render to DOM.
 app.mount('#app')

src/views/Host.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="p-p-6">
     <h1 class="p-my-0">Host</h1>
-    <Upload v-if="!file" message="Drag a H.264 encoded MP4 here to start a screen." @selected="filesSelected" />
+    <FileSelect v-if="!file" message="Drag a H.264 encoded MP4 here to start a screen." @selected="filesSelected" />
   </div>
 </template>