v.0.0.1 merged from non ts version

2026-09-16 17:02:42 +02:00
parent 3a21c4cdea
commit 5cf9cc6fa8
7 changed files with 436 additions and 9 deletions
@@ -0,0 +1,28 @@
+<script setup>
+import { onMounted, ref } from "vue";
+
+const msg = ref("Tom is building a vue template, oh yeah");
+const status = ref(true);
+
+// Define function directly
+const toggleStatus = () => {
+  status.value = !status.value;
+};
+</script>
+
+<template>
+  <div class="card">
+    <div class="tj">{{ msg }} {{ status }}</div>
+    <p v-if="status">{{ msg }} {{ status }}</p>
+    <button v-on:click="toggleStatus">show/hide</button>
+  </div>
+</template>
+
+<style lang="css" scoped>
+.tj {
+  font-style: italic;
+  font-weight: bold;
+  text-decoration: underline line-through;
+  color: rgba(97, 5, 5, 0.75);
+}
+</style>