Merge pull request #85 from nih-sparc/add_dashboard_to_pages

Add dashboard to pages

package.json

@@ -45,7 +45,8 @@
     "striptags": "^3.2.0",
     "uint8array-extras": "^1.0.0",
     "vue-chartjs": "^5.3.0",
-    "vue-social-sharing": "^4.0.0-alpha4"
+    "vue-social-sharing": "^4.0.0-alpha4",
+    "gridstack": "^9.5.0"
   },
   "resolutions": {
     "string-width": "4.2.3",

pages/apps/dashboard/index.vue

@@ -0,0 +1,13 @@
+<template>
+    <SparcDashboard></SparcDashboard>
+</template>
+<script setup lang="ts">
+import SparcDashboard from "@/TestDashboard/src/components/SparcDashboard.vue"
+import '@/plugins/dashboard.js'
+
+</script>
+<style scoped lang="scss">
+
+
+
+</style>

plugins/dashboard.js

@@ -0,0 +1,24 @@
+import mitt from 'mitt'
+import { defineAsyncComponent } from 'vue'
+import { useGlobalVarsStore } from '@/TestDashboard/src/stores/globalVars'
+import "@/TestDashboard/tailwind/output.css"
+
+const emitter = mitt();
+
+const componentMap = [
+    'ImageSelector',
+    'LocationNav',
+    'FlatmapViewer',
+    'BiolucidaViewer',
+    'QDBChart'
+]
+
+export default defineNuxtPlugin((nuxtApp) => {
+        nuxtApp.vueApp.provide('emitter', emitter);
+        componentMap.forEach(comp=>{
+            const asyncComponent = defineAsyncComponent(() => import(`@/TestDashboard/src/components/${comp}.vue`)); 
+            nuxtApp.vueApp.component(comp, asyncComponent);
+        })
+        const globalVars = useGlobalVarsStore();
+        globalVars.componentList = componentMap;
+    })