diff --git a/vue-project/src/App.vue b/vue-project/src/App.vue
index 6ca279f..b200e03 100644
--- a/vue-project/src/App.vue
+++ b/vue-project/src/App.vue
@@ -1,7 +1,15 @@
-<script setup></script>
+<script setup>
+const name = 'your-name'
+const textClass = 'text'
+
+</script>
 
 <template>
-  <h1>Hello World</h1>
+  <h1 :class="textClass">Hello {{ name }}</h1>
 </template>
 
-<style scoped></style>
+<style scoped>
+.text {
+  color: red;
+}
+</style>