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-->
+  <div
-<!--    class="px-4 flex items-center justify-center"-->
+    class="px-4 flex items-center justify-center"
-<!--    :class="{-->
+    :class="{
-<!--      'bg-yellow-400': type === 'indoor',-->
+      'bg-yellow-400': type === 'indoor',
-<!--      'bg-lime-500': type === 'outdoor'-->
+      'bg-lime-500': type === 'outdoor'
-<!--    }"-->
+    }"
-<!--  >-->
+  >
-<!--    <Icon-->
+    <Icon
-<!--      :name="type === 'indoor' ? 'bi:house' : 'bi:tree'"-->
+      :name="type === 'indoor' ? 'bi:house' : 'bi:tree'"
-<!--      class="text-white"-->
+      class="text-white"
-<!--    ></Icon>-->
+    ></Icon>
-<!--  </div>-->
+  </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"
+        v-for="s in outdoorServices"
-      :key="s.name"
+        :key="s.name"
-      :name="s.name"
+        :name="s.name"
-      :type="s.type"
+        :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" }]
+    }
+  },
 })