Adds data server (WIP)

1 files changed, 24 insertions, 0 deletions

diff --git a/data/js/vue-app.js b/data/js/vue-app.js
new file mode 100644
index 0000000..80a813f
--- /dev/null
+++ b/data/js/vue-app.js
@@ -0,0 +1,24 @@
+const { createApp } = Vue
+const { loadModule } = window['vue3-sfc-loader']
+
+const addStyle = styleStr => {
+  const style = document.createElement('style')
+  const ref = document.head.getElementsByTagName('style')[0] || null
+  style.textContent = styleStr
+  document.head.insertBefore(style, ref)
+}
+
+const getFile = url => fetch(url).then(resp => resp.ok ? resp.text() : Promise.reject(resp))
+const moduleCache = { vue: Vue }
+
+const options = { addStyle, getFile, moduleCache }
+
+const app = createApp({
+  components: {
+    App: Vue.defineAsyncComponent(() => loadModule('vue/App.vue', options)),
+    Section: Vue.defineAsyncComponent(() => loadModule('vue/Section.vue', options)),
+    Plot: Vue.defineAsyncComponent(() => loadModule('vue/Plot.vue', options)),
+  },
+})
+
+app.mount('#app')