From 220c685250364e9823dcaeed6cc2c4ba7e515896 Mon Sep 17 00:00:00 2001
From: Kseninia Mikhaylova <k.mikhailova@svs-tech.pro>
Date: Thu, 6 Jun 2024 09:04:11 +0300
Subject: [PATCH] add icons

---
 app.vue           | 15 ++++++++++++---
 nuxt.config.ts    |  2 +-
 package-lock.json |  3 +++
 package.json      |  3 +++
 4 files changed, 19 insertions(+), 4 deletions(-)

diff --git a/app.vue b/app.vue
index 62ce4de..3f913cf 100644
--- a/app.vue
+++ b/app.vue
@@ -143,9 +143,18 @@ const toggleModal = () => {
           <div class="footer-text" :class="[{ 'footer-text-small': item.small_text }]">{{ item.text }}</div>
         </template>
       </div>
-      <template v-for="item in social_networkData">
-        <div class="social_network-name" :class="[{ 'social_network-name-small': item.link }]">{{ item.name }}</div>
-      </template>
+      <div class="social">
+        <div class="container prose">
+          <Icon name="uil:github" />
+          <template v-for="item in social_networkData">
+            <div class="social_network-name" :class="[{ 'social_network-name-small': item.link }]">
+              <a href="#" target="_blank">
+                {{ item.name }}
+              </a>
+            </div>
+          </template>
+        </div>
+      </div>
     </div>
     <Modal />
   </div>
diff --git a/nuxt.config.ts b/nuxt.config.ts
index 236775b..57734b6 100644
--- a/nuxt.config.ts
+++ b/nuxt.config.ts
@@ -1,7 +1,7 @@
 // https://nuxt.com/docs/api/configuration/nuxt-config
 export default defineNuxtConfig({
   devtools: { enabled: true },
-  modules: ['@nuxtjs/tailwindcss', "@nuxt/image", "nuxt-svgo", '@tresjs/nuxt'],
+  modules: ['@nuxtjs/tailwindcss', "@nuxt/image", "nuxt-icon", "nuxt-svgo", '@tresjs/nuxt'],
   runtimeConfig: {
     public: {
       apiBase: '/api',
diff --git a/package-lock.json b/package-lock.json
index 5b35f19..a550b0e 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -20,6 +20,9 @@
         "three": "^0.165.0",
         "vue": "^3.4.27",
         "vue-router": "^4.3.2"
+      },
+      "devDependencies": {
+        "nuxt-icon": "^0.6.10"
       }
     },
     "node_modules/@alloc/quick-lru": {
diff --git a/package.json b/package.json
index e9695c8..ed6402a 100644
--- a/package.json
+++ b/package.json
@@ -23,5 +23,8 @@
     "three": "^0.165.0",
     "vue": "^3.4.27",
     "vue-router": "^4.3.2"
+  },
+  "devDependencies": {
+    "nuxt-icon": "^0.6.10"
   }
 }