SEO

app.vue

@@ -1,6 +1,7 @@
 <script setup lang="ts">
 useSeoMeta({
   title: 'Чистый город - клининговая компания',
+  description: 'Профессиональные комплексные услуги по уборке помещений для частных и корпоративных клиентов.'
 })
 </script>
 

components/services/service.vue

@@ -10,18 +10,18 @@ defineProps<{
   <div class="py-4 px-6 text-center flex-grow">
     {{ name }}
   </div>
-<!--  <div-->
-<!--    class="px-4 flex items-center justify-center"-->
-<!--    :class="{-->
-<!--      'bg-yellow-400': type === 'indoor',-->
-<!--      'bg-lime-500': type === 'outdoor'-->
-<!--    }"-->
-<!--  >-->
-<!--    <Icon-->
-<!--      :name="type === 'indoor' ? 'bi:house' : 'bi:tree'"-->
-<!--      class="text-white"-->
-<!--    ></Icon>-->
-<!--  </div>-->
+  <div
+    class="px-4 flex items-center justify-center"
+    :class="{
+      'bg-yellow-400': type === 'indoor',
+      'bg-lime-500': type === 'outdoor'
+    }"
+  >
+    <Icon
+      :name="type === 'indoor' ? 'bi:house' : 'bi:tree'"
+      class="text-white"
+    ></Icon>
+  </div>
 </div>
 </template>
 

components/services/services.vue

@@ -57,16 +57,16 @@ const outdoorServices = [
 
   <div class="col-w mx-auto px-4 md:px-16 gap-2 services__grid mb-16">
     <service
-      v-for="s in indoorServices"
-      :key="s.name"
-      :name="s.name"
-      :type="s.type"
+        v-for="s in outdoorServices"
+        :key="s.name"
+        :name="s.name"
+        :type="s.type"
     ></service>
   </div>
 
   <div class="col-w mx-auto px-4 md:px-16 gap-2 services__grid">
     <service
-      v-for="s in outdoorServices"
+      v-for="s in indoorServices"
       :key="s.name"
       :name="s.name"
       :type="s.type"

nuxt.config.ts

@@ -2,5 +2,10 @@
 export default defineNuxtConfig({
   compatibilityDate: '2024-04-03',
   devtools: { enabled: true },
-  modules: ['@nuxt/icon', '@nuxtjs/tailwindcss', '@nuxt/image']
+  modules: ['@nuxt/icon', '@nuxtjs/tailwindcss', '@nuxt/image'],
+  app: {
+    head: {
+      link: [{ rel: 'icon', type: 'image/png', href: "/favicon.png" }]
+    }
+  },
 })