managing reactive data and handling events

Author: Gopikrishna500apps

templates/basic/app.vue

@@ -1,7 +1,12 @@
 <script setup lang="ts">
-const msg = 'Hello World! This is the basic template.'
+import { ref } from 'vue';
+const msg = ref('Hello World! This is the basic template.');
+const changeMessage = () => {
+  msg.value = 'This is Basic Nuxt Template';
+};
 </script>
 
 <template>
   <div>{{ msg }}</div>
+  <button @click="changeMessage">Click Me</button>
 </template>