initial frontend

frontend/src/views/HomeView.vue

@@ -0,0 +1,23 @@
+<script setup lang="ts">
+import { useTelemetry } from '@/composables/telemetry'
+
+const { data: sin_data, error: sin_error } = useTelemetry("simple_producer/sin");
+const { data: cos_data, error: cos_error } = useTelemetry("simple_producer/cos");
+</script>
+
+<template>
+  <main>
+    <div v-if="sin_data">
+      {{ sin_data.name }} ({{ sin_data.uuid }}): {{ sin_data.data_type }}
+    </div>
+    <div v-if="sin_error">
+      {{ sin_error }}
+    </div>
+    <div v-if="cos_data">
+      {{ cos_data.name }} ({{ cos_data.uuid }}): {{ cos_data.data_type }}
+    </div>
+    <div v-if="cos_error">
+      {{ cos_error }}
+    </div>
+  </main>
+</template>