Initial commit

src/dashboard/example/main.ts

@@ -0,0 +1,14 @@
+import '@quasar/extras/material-icons/material-icons.css';
+import '@quasar/extras/roboto-font/roboto-font.css';
+import { createHead } from '@unhead/vue/client';
+import { Dark, Quasar } from 'quasar';
+import 'quasar/src/css/index.sass';
+import { createApp } from 'vue';
+import App from './main.vue';
+
+const app = createApp(App);
+const head = createHead();
+app.use(Quasar);
+app.use(head);
+app.mount('#app');
+Dark.set(true);

src/dashboard/example/main.vue

@@ -0,0 +1,32 @@
+<script setup lang="ts">
+import { useHead } from '@unhead/vue';
+import { ref } from 'vue';
+import { exampleReplicant } from '../../browser_shared/replicants';
+import type { ExampleType } from '../../types';
+
+useHead({ title: 'example' }); // set the title of this page
+const text = ref('Example');
+
+// Example code: accessing normal types.
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+const exampleType: ExampleType = { exampleProperty: 'exampleString' };
+</script>
+
+<template>
+  <div>
+    {{ text }}
+    <br><br>
+    <img
+      src="./image.png"
+      :style="{ width: '100%' }"
+    >
+    <br><br>
+    <QBtn
+      color="primary"
+      label="Example"
+    />
+    <br><br>
+    <!-- Example code: accessing a replicant. -->
+    {{ exampleReplicant?.data?.exampleProperty }}
+  </div>
+</template>