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:
parent
54e77f72f4
commit
d7d6888f63
11 changed files with 229 additions and 5 deletions
31
ts/AppRMO.vue
Normal file
31
ts/AppRMO.vue
Normal 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>
|
||||
Loading…
Add table
Add a link
Reference in a new issue