init

components/modals/UserModal.vue

@@ -4,8 +4,24 @@
       <div>
         <div>Имя: {{ selectedUser?.name }}</div>
         <div>Логин: {{ selectedUser?.username }}</div>
-        <div>Электронная почта: {{ selectedUser?.email }}</div>
-        <div>Телефон: {{ selectedUser?.phone }}</div>
+        <div>
+          <a
+            :href="`mailto:${selectedUser?.email}`"
+            target="_blank"
+            rel="noopener noreferrer"
+          >
+            Электронная почта: {{ selectedUser?.email }}
+          </a>
+        </div>
+        <div>
+          <a
+            :href="`tel:${selectedUser?.phone}`"
+            target="_blank"
+            rel="noopener noreferrer"
+          >
+            Телефон: {{ selectedUser?.phone }}
+          </a>
+        </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>
@@ -15,6 +31,6 @@
 </template>
 
 <script setup lang="ts">
-defineProps<{ selectedUser: User | null }>()
-const open = defineModel('modelValue', { type: Boolean, default: false })
+defineProps<{ selectedUser: User }>()
+const open = defineModel<boolean>('modelValue')
 </script>

nuxt.config.ts

@@ -31,7 +31,6 @@ export default defineNuxtConfig({
     detectBrowserLanguage: false,
   },
   app: {
-    baseURL: '/BambitTestTask',
     head: {
       meta: [
         {

pages/index.vue

@@ -13,7 +13,7 @@
 
     <UiTable :table-data="tableData" :columns="columns" height="600px" width="600px" />
 
-    <UserModal v-model:model-value="open" :selected-user="selectedUser" />
+    <UserModal v-if="selectedUser" v-model:model-value="open" :selected-user="selectedUser" />
   </div>
 </template>