vue 3.4

assets/src/admin.js

@@ -11,7 +11,21 @@ const AdminApp = {
     data() {
         return {
             ...super.data,
+            modalItem: null,
         }
+    },
+
+    methods: {
+        ...App.methods,
+
+        fileSelected(select, input, preview) {
+            const item = this.$refs[select].item
+            if(item) {
+                this.$refs[input].value = item.id
+                if(preview)
+                    preview.src = item.file
+            }
+        },
     }
 }
 export default AdminApp;

assets/src/components/AEpisode.vue

@@ -3,9 +3,9 @@
 </template>
 
 <script>
-import {Set} from '../model';
-import Sound from '../sound';
-import APage from './APage';
+import {Set} from '../model.js';
+import Sound from '../sound.js';
+import APage from './APage.vue';
 
 export default {
     extends: APage,

assets/src/components/AFileUpload.vue

@@ -26,7 +26,7 @@
     </div>
 </template>
 <script>
-import {getCsrf} from "../model"
+import {getCsrf} from "../model.js"
 
 export default {
     emit: ["fileChange", "load", "abort", "error"],

assets/src/components/index.js

@@ -1,25 +1,25 @@
 import AActionButton from './AActionButton.vue'
-import AAutocomplete from './AAutocomplete'
-import ACarousel from './ACarousel'
-import ADropdown from "./ADropdown"
-import AEpisode from './AEpisode'
-import AList from './AList'
-import APage from './APage'
-import APlayer from './APlayer'
-import APlaylist from './APlaylist'
-import AProgress from './AProgress'
-import ASoundItem from './ASoundItem'
-import ASwitch from './ASwitch'
+import AAutocomplete from './AAutocomplete.vue'
+import ACarousel from './ACarousel.vue'
+import ADropdown from "./ADropdown.vue"
+import AEpisode from './AEpisode.vue'
+import AList from './AList.vue'
+import APage from './APage.vue'
+import APlayer from './APlayer.vue'
+import APlaylist from './APlaylist.vue'
+import AProgress from './AProgress.vue'
+import ASoundItem from './ASoundItem.vue'
+import ASwitch from './ASwitch.vue'
 
-import AModal from "./AModal"
-import AFileUpload from "./AFileUpload"
-import ASelectFile from "./ASelectFile"
-import AStatistics from './AStatistics'
-import AStreamer from './AStreamer'
+import AModal from "./AModal.vue"
+import AFileUpload from "./AFileUpload.vue"
+import ASelectFile from "./ASelectFile.vue"
+import AStatistics from './AStatistics.vue'
+import AStreamer from './AStreamer.vue'
 
-import AFormSet from './AFormSet'
-import ATrackListEditor from './ATrackListEditor'
-import ASoundListEditor from './ASoundListEditor'
+import AFormSet from './AFormSet.vue'
+import ATrackListEditor from './ATrackListEditor.vue'
+import ASoundListEditor from './ASoundListEditor.vue'
 
 /**
  * Core components
@@ -32,12 +32,8 @@ export const base = {
 
 export default base
 
-export const admin = {
-    ...base,
-    ATrackListEditor
-}
 
-export const dashboard = {
+export const admin = {
     ...base,
     AActionButton, AFileUpload, ASelectFile, AModal,
     AFormSet, ATrackListEditor, ASoundListEditor,

assets/src/dashboard.js

@@ -1,33 +0,0 @@
-import './styles/admin.scss'
-import './index.js'
-
-import App from './app';
-import {dashboard as components} from './components'
-
-const DashboardApp = {
-    ...App,
-    components: {...App.components, ...components},
-
-    data() {
-        return {
-            modalItem: null,
-        }
-    },
-
-    methods: {
-        ...App.methods,
-
-        fileSelected(select, input, preview) {
-            const item = this.$refs[select].item
-            if(item) {
-                this.$refs[input].value = item.id
-                if(preview)
-                    preview.src = item.file
-            }
-        },
-    }
-}
-export default DashboardApp;
-
-
-window.App = DashboardApp

assets/src/index.js

@@ -3,6 +3,8 @@
  * administration interface)
  */
 
+import 'vue'
+
 //-- aircox
 import App, {PlayerApp} from './app'
 import VueLoader from './vueLoader'

assets/src/public.js

@@ -2,6 +2,4 @@ import "./styles/public.scss"
 import './index.js'
 import App from './app.js'
 
-export default App
-
 window.App = App

assets/src/styles/helpers.scss

@@ -1,7 +1,7 @@
 @use "./vars" as v;
 
 // ---- text
-.text-light { weight: 400; color: var(--text-color-light); }
+.text-light { font-weight: 400; color: var(--text-color-light); }
 
 .bigger { font-size: v.$text-size-bigger !important; }
 .big { font-size: v.$text-size-big !important; }

assets/src/styles/public.scss

@@ -398,7 +398,7 @@ nav li {
     }
 }
 .header-cover:only-child {
-    with: 100%;
+    width: 100%;
 }
 
 @media screen and (max-width: v.$screen-small) {

assets/src/styles/vendor.scss

@@ -1,5 +1,5 @@
 @import 'v-calendar/style.css';
-@import '@fortawesome/fontawesome-free/css/all.min.css';
+// @import '@fortawesome/fontawesome-free/css/all.min.css';
 
 // ---- bulma
 $body-color: #000;