export/import styles from courses

Author: NiloCK

packages/courses/package.json

@@ -10,7 +10,8 @@
             "types": "./dist/index.d.ts",
             "import": "./dist/index.mjs",
             "require": "./dist/index.cjs.js"
-        }
+        },
+        "./style": "./dist/assets/index.css"
     },
     "files": [
         "dist",

packages/courses/src/index.ts

@@ -24,6 +24,7 @@ export {
   transposeSyllableSeq,
 } from './piano/utility/midi';
 
+export { default as MidiConfig } from './piano/utility/MidiConfig.vue';
 export { default as SyllableSeqVis } from './piano/utility/SyllableSeqVis.vue';
 
 export class CourseList {

packages/courses/vite.config.ts

@@ -5,7 +5,7 @@ import { resolve } from 'path';
 
 export default defineConfig({
   plugins: [
-    vue(),
+    vue({}),
     dts({
       insertTypesEntry: true,
       // Exclude test files from type generation

packages/platform-ui/src/main.ts

@@ -8,6 +8,7 @@ import vuetify from './plugins/vuetify';
 // common-ui imports
 import { piniaPlugin } from '@vue-skuilder/common-ui';
 import '@vue-skuilder/common-ui/style';
+import '@vue-skuilder/courses/style';
 
 const pinia = createPinia();
 const app = createApp(App);