Switch new display to Vue

WebDisplay/src/pages/index.vue

@@ -0,0 +1,30 @@
+<script lang="ts" setup>
+    import CurrentWeather from '../components/CurrentWeather.vue';
+    import CurrentPower from '../components/CurrentPower.vue';
+</script>
+
+<template>
+    <v-container fluid class="container">
+        <v-row align="start">
+            <v-col cols="3">
+                <CurrentWeather></CurrentWeather>
+            </v-col>
+            <v-col cols="3">
+                <Almanac></Almanac>
+            </v-col>
+            <v-col cols="2">
+                <CurrentPower></CurrentPower>
+            </v-col>
+            <v-col cols="2">
+                <CurrentLaundryStatus></CurrentLaundryStatus>
+            </v-col>
+        </v-row>
+    </v-container>
+</template>
+
+<style scoped>
+    .container {
+        height: 100%;
+        background-color: #fafafa;
+    }
+</style>

WebDisplay/src/pages/inside.vue

@@ -0,0 +1,11 @@
+<template>
+    <v-container class="fill-height">
+        <v-responsive class="align-center text-center fill-height">
+            Inside
+        </v-responsive>
+    </v-container>
+</template>
+
+<script lang="ts" setup>
+    //
+</script>

WebDisplay/src/pages/outside.vue

@@ -0,0 +1,11 @@
+<template>
+    <v-container class="fill-height">
+        <v-responsive class="align-center text-center fill-height">
+            Outside
+        </v-responsive>
+    </v-container>
+</template>
+
+<script lang="ts" setup>
+    //
+</script>