<script setup>
import { ref, computed } from 'vue'
import UserProfile from './UserProfile.vue'
const name = ref('Тимур')
const greeting = computed(() => `Привет, ${name.value}!`)
</script>
<template>
<div>
<input v-model="name" />
<p>{{ greeting }}</p>
<UserProfile :name="name" />
</div>
</template>
<script setup>
import { ref, computed } from 'vue'
import UserProfile from './UserProfile.vue'
const name = ref('Тимур')
const greeting = computed(() => `Привет, ${name.value}!`)
</script>
<template>
<div>
<input v-model="name" />
<p>{{ greeting }}</p>
<UserProfile :name="name" />
</div>
</template>