nuxt-yandex-metrika 1.0.4 → 1.1.0

package/README.md

@@ -45,6 +45,7 @@ export default defineNuxtConfig({
     // debug: process.env.NODE_ENV !== "production",
     // delay: 0,
     // cdn: false,
+    // verification: null, // Verification in Yandex Webmaster
     // options: {
     //  webvisor: true
     // },
@@ -76,9 +77,10 @@ For more information:
 
 ## Usage
 
-| Component Name              | Auto Imported | Description    |
-|-----------------------------|---------------|----------------|
-| `<YandexMetrikaInformer />` | ✅             | Shows informer |
+| Component Name              | Auto Imported | Description                      |
+|-----------------------------|---------------|----------------------------------|
+| `<YandexMetrikaInformer />` | ✅             | Shows informer                   |
+| `<YandexVerification />`    | ✅             | Verification in Yandex Webmaster |
 
 ### Methods
 

package/dist/module.d.ts

@@ -38,6 +38,7 @@ type YandexMetrikaModuleOptions = {
     debug: boolean;
     cdn: boolean;
     delay: number;
+    verification: null | string;
     options: Partial<InitParameters>;
 };
 

package/dist/module.json

@@ -1,6 +1,6 @@
 {
   "name": "nuxt-yandex-metrika",
-  "version": "1.0.4",
+  "version": "1.1.0",
   "configKey": "yandexMetrika",
   "compatibility": {
     "nuxt": "^3"

package/dist/module.mjs

@@ -1,8 +1,8 @@
-import { defineNuxtModule, createResolver, addPlugin, addComponent, addImportsDir } from '@nuxt/kit';
+import { defineNuxtModule, createResolver, addPlugin, addComponentsDir, addImportsDir } from '@nuxt/kit';
 import { defu } from 'defu';
 
 const name = "nuxt-yandex-metrika";
-const version = "1.0.4";
+const version = "1.1.0";
 
 const module = defineNuxtModule({
   meta: {
@@ -19,6 +19,7 @@ const module = defineNuxtModule({
     debug: process.env.NODE_ENV !== "production",
     delay: 0,
     cdn: false,
+    verification: null,
     options: {}
   },
   setup(options, nuxt) {
@@ -31,9 +32,8 @@ const module = defineNuxtModule({
       mode: "all",
       src: resolver.resolve("./runtime/plugin")
     });
-    void addComponent({
-      name: "yandex-metrika-informer",
-      filePath: resolver.resolve("./runtime/yandex-metrika-informer.vue")
+    void addComponentsDir({
+      path: resolver.resolve("runtime/components")
     });
     addImportsDir(resolver.resolve("runtime/composables"));
   }

package/dist/runtime/components/yandex-metrika-informer.vue

@@ -0,0 +1,22 @@
+<script setup lang="ts">
+import { useYandexMetrika } from "./composables/useYandexMetrika";
+const { id } = useYandexMetrika();
+</script>
+
+<template>
+	<!-- Yandex.Metrika informer -->
+	<a
+		:href="`https://metrika.yandex.ru/stat/?id=${id}&amp;from=informer`"
+		target="_blank"
+		rel="nofollow"
+		><img
+			:src="`https://informer.yandex.ru/informer/${id}/3_1_FFFFFFFF_EFEFEFFF_0_pageviews`"
+			style="width: 88px; height: 31px; border: 0"
+			alt="Яндекс.Метрика"
+			title="Яндекс.Метрика: данные за сегодня (просмотры, визиты и уникальные посетители)"
+			class="ym-advanced-informer"
+			:data-cid="id"
+			data-lang="ru"
+	/></a>
+	<!-- /Yandex.Metrika informer -->
+</template>

package/dist/runtime/components/yandex-verification.vue

@@ -0,0 +1,24 @@
+<script setup lang="ts">
+import { useYandexMetrika } from "../composables/useYandexMetrika";
+import chalk from "chalk";
+
+const { verification } = useYandexMetrika();
+
+if (!verification) {
+	console.error(
+		`${chalk.bgRed(chalk.black("[yandex-metrika]"))} ${chalk.red(
+			"Verification key not found",
+		)}`,
+	);
+}
+</script>
+
+<template>
+	<Meta
+		v-if="verification"
+		name="yandex-verification"
+		:content="verification"
+	/>
+</template>
+
+<style scoped></style>

package/dist/runtime/plugin.mjs

@@ -9,7 +9,14 @@ export default defineNuxtPlugin({
   parallel: true,
   setup() {
     const config = useRuntimeConfig().public.yandexMetrika;
-    const { id, cdn = false, delay = 0, debug, options = {} } = config;
+    const {
+      id,
+      cdn = false,
+      delay = 0,
+      debug,
+      verification = null,
+      options = {}
+    } = config;
     if (!debug) {
       useHead({
         noscript: [
@@ -19,8 +26,6 @@ export default defineNuxtPlugin({
         ]
       });
     }
-    function useYandexMetrikaHead() {
-    }
     if (debug || delay) {
       useHead({
         script: [
@@ -55,6 +60,7 @@ export default defineNuxtPlugin({
     }
     const yandexMetrika = new YandexMetrika(id);
     yandexMetrika.debug = debug;
+    yandexMetrika.verification = verification;
     if (process.client) {
       let ready = false;
       const router = useRouter();

package/dist/runtime/yandex-metrika/YandexMetrika.d.ts

@@ -6,6 +6,8 @@ export declare class YandexMetrika implements Events {
     constructor(id: string);
     get debug(): boolean;
     set debug(value: boolean);
+    get verification(): string | null;
+    set verification(value: string | null);
     get id(): string;
     init(options?: InitParameters): void;
     addFileExtension(extensions?: string | string[]): void;

package/dist/runtime/yandex-metrika/YandexMetrika.mjs

@@ -6,6 +6,7 @@ export * from "./types.mjs";
 export class YandexMetrika {
   #id;
   #debug = false;
+  #verification = null;
   static src(cdn = false) {
     return cdn ? "https://cdn.jsdelivr.net/npm/yandex-metrica-watch/tag.js" : "https://mc.yandex.ru/metrika/tag.js";
   }
@@ -18,6 +19,12 @@ export class YandexMetrika {
   set debug(value) {
     this.#debug = value;
   }
+  get verification() {
+    return this.#verification;
+  }
+  set verification(value) {
+    this.#verification = value;
+  }
   get id() {
     return this.#id;
   }
@@ -63,9 +70,7 @@ export class YandexMetrika {
   #call(type, ...args) {
     if (this.#debug) {
       console.debug(
-        `${chalk.bgGreen(chalk.black("[yandex - metrika]"))} ${chalk.blue(
-          type
-        )}`,
+        `${chalk.bgGreen(chalk.black("[yandex-metrika]"))} ${chalk.blue(type)}`,
         ...args
       );
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "nuxt-yandex-metrika",
-  "version": "1.0.4",
+  "version": "1.1.0",
   "description": "Add Yandex Metrika to your Nuxt 3 application.",
   "repository": {
     "type": "git",

package/dist/runtime/yandex-metrika-informer.vue

@@ -1,22 +0,0 @@
-<script setup lang="ts">
-import { useYandexMetrika } from "./composables/useYandexMetrika";
-const { id } = useYandexMetrika();
-</script>
-
-<template>
-  <!-- Yandex.Metrika informer -->
-  <a
-    :href="`https://metrika.yandex.ru/stat/?id=${id}&amp;from=informer`"
-    target="_blank"
-    rel="nofollow"
-  ><img
-    :src="`https://informer.yandex.ru/informer/${id}/3_1_FFFFFFFF_EFEFEFFF_0_pageviews`"
-    style="width: 88px; height: 31px; border: 0"
-    alt="Яндекс.Метрика"
-    title="Яндекс.Метрика: данные за сегодня (просмотры, визиты и уникальные посетители)"
-    class="ym-advanced-informer"
-    :data-cid="id"
-    data-lang="ru"
-  ></a>
-  <!-- /Yandex.Metrika informer -->
-</template>