Initial commit of some work creating RMO single-page app

Doesn't work yet, but they both start, so checkpoint.
This commit is contained in:
Eli Ribble 2026-04-03 15:02:37 +00:00
parent 54e77f72f4
commit d7d6888f63
No known key found for this signature in database
11 changed files with 229 additions and 5 deletions

31
ts/AppRMO.vue Normal file
View file

@ -0,0 +1,31 @@
<script setup lang="ts">
import { ref, computed } from "vue";
import { useHead } from "@vueuse/head";
const count = ref<number>(0);
const message = ref<string>("hey");
const increment = (): void => {
count.value++;
};
// Reactive head management
useHead({
title: computed(() => `Count: ${count.value} - My Vue App`),
link: [
{
rel: "icon",
type: "image/x-icon",
href: "/favicon.ico",
},
],
});
</script>
<template>
<div id="app">
<h1>{{ message }}</h1>
<p>Count: {{ count }}</p>
<button @click="increment">Increment</button>
</div>
</template>