Добавлена метрика

app.vue

@@ -2,15 +2,13 @@
   <div>
     <SiteHeader/>
     <div>
-        <NuxtPage/>
+      <NuxtPage/>
     </div>
+    <YandexMetrika/>
   </div>
 </template>
 <script>
-import SiteBar from "./components/SiteBar";
-import SiteFooter from "./components/SiteFooter";
-
 export default {
-  components: { SiteFooter, SiteBar }
+  components: {}
 }
 </script>

components/YandexMetrika.vue

@@ -0,0 +1,41 @@
+<template>
+  <div>
+    <!-- Yandex.Metrika counter -->
+    <img src="https://mc.yandex.ru/watch/90252793" style="position:absolute; left:-9999px;" alt=""/>
+    <!-- /Yandex.Metrika counter -->
+  </div>
+</template>
+
+<script>
+if (process.client) {
+  (function (m, e, t, r, i, k, a) {
+    m[i] = m[i] || function () {
+      (m[i].a = m[i].a || []).push(arguments)
+    };
+    var z = null;
+    m[i].l = 1 * new Date();
+    for (var j = 0; j < document.scripts.length; j++) {
+      if (document.scripts[j].src === r) {
+        return;
+      }
+    }
+    k = e.createElement(t), a = e.getElementsByTagName(t)[0], k.async = 1, k.src = r, a.parentNode.insertBefore(k, a)
+  })
+  (window, document, "script", "https://mc.yandex.ru/metrika/tag.js", "ym");
+
+  ym(90252793, "init", {
+    clickmap: true,
+    trackLinks: true,
+    accurateTrackBounce: true,
+    webvisor: true
+  });
+}
+
+export default {
+  name: "YandexMetrika",
+}
+</script>
+
+<style scoped>
+
+</style>

nuxt.config.ts

@@ -1,3 +1,4 @@
+// @ts-ignore
 import { defineNuxtConfig } from 'nuxt'
 
 // https://v3.nuxtjs.org/api/configuration/nuxt.config
@@ -7,7 +8,7 @@ export default defineNuxtConfig({
         // Generate images to `/_nuxt/image/file.png`
         staticFilename: '[publicPath]/images/[name]-[hash][ext]',
     },
-    modules: ['@nuxt/content', '@nuxtjs/tailwindcss', '@nuxt/image-edge', '@nuxtjs/yandex-metrika'],
+    modules: ['@nuxt/content', '@nuxtjs/tailwindcss', '@nuxt/image-edge',],
     content: {
         navigation: {
             fields: ['icon']
@@ -27,13 +28,4 @@ export default defineNuxtConfig({
     tailwindcss: {
         cssPath: '~/assets/css/main.css',
     },
-    publicRuntimeConfig: {
-        yandexMetrika: {
-            id: 90252793,
-            clickmap: true,
-            trackLinks: true,
-            accurateTrackBounce: true,
-            webvisor: true
-        }
-    }
 })

package.json

@@ -9,9 +9,8 @@
   "devDependencies": {
     "@heroicons/vue": "^2.0.10",
     "@nuxt/content": "^2.0.1",
-    "@nuxt/image-edge": "^1.0.0-27707824.1028381",
+    "@nuxt/image-edge": "=1.0.0-27657146.da85542",
     "@nuxtjs/tailwindcss": "^5.3.2",
-    "@nuxtjs/yandex-metrika": "^1.4.0",
     "@tailwindcss/typography": "^0.5.7",
     "nuxt": "^3.0.0-rc.9",
     "shiki-es": "^0.1.2"