init

components/modals/UserModal.vue

@@ -0,0 +1,20 @@
+<template>
+  <UModal v-model:open="open" :title="selectedUser?.email">
+    <template #body>
+      <div>
+        <div>Имя: {{ selectedUser?.name }}</div>
+        <div>Логин: {{ selectedUser?.username }}</div>
+        <div>Электронная почта: {{ selectedUser?.email }}</div>
+        <div>Телефон: {{ selectedUser?.phone }}</div>
+        <a :href="`https://${selectedUser?.website}`" target="_blank">Веб-сайт: <span class="title-cell">{{ selectedUser?.website }}</span></a>
+        <div>Название компании: {{ selectedUser?.company?.name }}</div>
+        <div>Адрес: {{ `${selectedUser?.address?.street} ${selectedUser?.address?.suite} ${selectedUser?.address?.city}` }}</div>
+      </div>
+    </template>
+  </UModal>
+</template>
+
+<script setup lang="ts">
+defineProps<{ selectedUser: User | null }>()
+const open = defineModel('modelValue', { type: Boolean, default: false })
+</script>