chore: skeleton for MusicKitJS abstractions

web/src/ts/player/musickit/index.ts

@@ -0,0 +1,17 @@
+export const useMusicKit = () => {
+    const init = () => {
+        isInit = true;
+    };
+
+    let isInit = false;
+
+    if ( !window.MusicKit ) {
+        document.addEventListener( 'musickitloaded', () => {
+            init();
+        } );
+    } else {
+        init();
+    }
+
+    return {};
+};

web/src/ts/player/musickit/playback.ts

@@ -0,0 +1,9 @@
+export const play = () => {};
+
+export const pause = () => {};
+
+export const skip10 = () => {};
+
+export const back10 = () => {};
+
+export const playSong = ( id: string ) => {};

web/src/ts/player/musickit/user.ts

@@ -0,0 +1,3 @@
+export const login = async () => {
+
+};

web/src/ts/player/state.ts

@@ -0,0 +1,21 @@
+import {
+    type Ref,
+    ref
+} from 'vue';
+import type {
+    Playlist
+} from '../dtype/playlist';
+
+export const queueIdx = ref( 0 );
+
+export const queue: Ref<Playlist> = ref( [] );
+
+export const isPlaying = ref( false );
+
+export const shuffle = ref( false );
+
+export const repeat: Ref<'off' | 'one' | 'all'> = ref( 'off' );
+
+export const playbackPercentage = ref( 0 );
+
+export const duration = ref( 0 );