nuxt-yandex-metrika 1.0.4 → 1.1.1

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.1",
   "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.1";
 
 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,19 @@
+<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,16 @@
+<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/composables/useYandexMetrika.d.ts

@@ -1,2 +1,2 @@
-import { YandexMetrika } from "../yandex-metrika";
+import { YandexMetrika } from '../yandex-metrika';
 export declare function useYandexMetrika(): YandexMetrika;

package/dist/runtime/plugin.mjs

@@ -1,15 +1,10 @@
-import {
-  defineNuxtPlugin,
-  useHead,
-  useRouter,
-  useRuntimeConfig
-} from "#imports";
+import { defineNuxtPlugin, useHead, useRouter, useRuntimeConfig } from "#imports";
 import { Methods, YandexMetrika } from "./yandex-metrika/index.mjs";
 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 +14,6 @@ export default defineNuxtPlugin({
         ]
       });
     }
-    function useYandexMetrikaHead() {
-    }
     if (debug || delay) {
       useHead({
         script: [
@@ -28,9 +21,7 @@ export default defineNuxtPlugin({
             innerHTML: `window.ym=window.ym||function(){(window.ym.a=window.ym.a||[]).push(arguments)};window.ym.l=(new Date).getTime();`
           },
           {
-            innerHTML: `ym("${id}","${Methods.Init}", ${JSON.stringify(
-              options
-            )});`
+            innerHTML: `ym("${id}","${Methods.Init}", ${JSON.stringify(options)});`
           }
         ]
       });
@@ -55,6 +46,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

@@ -1,21 +1,23 @@
-import { Events, HitOptions, InitParameters, People, UserParameters, VisitParameters } from "./types";
-export * from "./types";
+import { Events, HitOptions, InitParameters, People, UserParameters, VisitParameters } from './types';
+export * from './types';
 export declare class YandexMetrika implements Events {
     #private;
     static src(cdn?: boolean): "https://cdn.jsdelivr.net/npm/yandex-metrica-watch/tag.js" | "https://mc.yandex.ru/metrika/tag.js";
     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;
-    extLink<CTX>(url: string, options?: Omit<HitOptions<CTX>, "referer">): void;
+    extLink<CTX>(url: string, options?: Omit<HitOptions<CTX>, 'referer'>): void;
     file<CTX>(url: string, options?: HitOptions<CTX>): void;
     firstPartyParams(people: People): void;
     firstPartyParamsHashed(people: People): void;
     getClientID(cb: (clientID: number) => void): void;
     hit<CTX>(url?: string, options?: HitOptions<CTX>): void;
-    notBounce<CTX>(options?: Pick<HitOptions<CTX>, "ctx" | "callback">): void;
+    notBounce<CTX>(options?: Pick<HitOptions<CTX>, 'ctx' | 'callback'>): void;
     params(params?: VisitParameters): void;
     reachGoal<CTX>(target: string, params: VisitParameters, callback?: (this: CTX) => void, ctx?: CTX): void;
     setUserID(userId: string): void;

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

@@ -1,11 +1,10 @@
 import chalk from "chalk";
-import {
-  Methods
-} from "./types.mjs";
+import { Methods } from "./types.mjs";
 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 +17,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;
   }
@@ -62,12 +67,7 @@ export class YandexMetrika {
   }
   #call(type, ...args) {
     if (this.#debug) {
-      console.debug(
-        `${chalk.bgGreen(chalk.black("[yandex - metrika]"))} ${chalk.blue(
-          type
-        )}`,
-        ...args
-      );
+      console.debug(`${chalk.bgGreen(chalk.black("[yandex-metrika]"))} ${chalk.blue(type)}`, ...args);
     }
     if (typeof window !== "undefined") {
       window.ym(this.id, type, ...args);

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

@@ -1,2 +1,2 @@
-export { YandexMetrika } from "./YandexMetrika";
-export * from "./types";
+export { YandexMetrika } from './YandexMetrika';
+export * from './types';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "nuxt-yandex-metrika",
-  "version": "1.0.4",
+  "version": "1.1.1",
   "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>