components/modals/UserModal.vue

@@ -4,24 +4,8 @@
       <div>
         <div>Имя: {{ selectedUser?.name }}</div>
         <div>Логин: {{ selectedUser?.username }}</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>
+        <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>
@@ -31,6 +15,6 @@
 </template>
 
 <script setup lang="ts">
-defineProps<{ selectedUser: User }>()
-const open = defineModel<boolean>('modelValue')
+defineProps<{ selectedUser: User | null }>()
+const open = defineModel('modelValue', { type: Boolean, default: false })
 </script>

nuxt.config.ts

@@ -31,6 +31,7 @@ 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-if="selectedUser" v-model:model-value="open" :selected-user="selectedUser" />
+    <UserModal v-model:model-value="open" :selected-user="selectedUser" />
   </div>
 </template>