diff --git a/templates/basic/app.vue b/templates/basic/app.vue
index 721d7381..727b6ea9 100644
--- a/templates/basic/app.vue
+++ b/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>