@nuxt/scripts 0.11.5 → 0.11.6

package/dist/runtime/components/ScriptGoogleAdsense.vue

@@ -1,76 +1,53 @@
-<script setup lang="ts">
-import { computed, onMounted, ref, watch } from 'vue'
-import { callOnce } from 'nuxt/app'
-import { useScriptTriggerElement } from '../composables/useScriptTriggerElement'
-import { useScriptGoogleAdsense } from '../registry/google-adsense'
-import { scriptRuntimeConfig } from '../utils'
-import type { ElementScriptTrigger } from '#nuxt-scripts/types'
-
-const props = withDefaults(defineProps<{
-  dataAdClient: string
-  dataAdSlot: string
-  dataAdFormat?: 'auto' | 'rectangle' | 'vertical' | 'horizontal' | 'fluid' | 'autorelaxed'
-  dataAdLayout?: 'in-article' | 'in-feed' | 'fixed'
-  dataFullWidthResponsive?: boolean
-  /**
-   * Defines the trigger event to load the script.
-   */
-  trigger?: ElementScriptTrigger
-}>(), {
-  dataFullWidthResponsive: true,
-  dataAdFormat: undefined, // Preserve previous behavior
-})
-
-const emits = defineEmits<{
-  // our emit
-  ready: [e: ReturnType<typeof useScriptGoogleAdsense>]
-  error: []
-}>()
-
-const rootEl = ref(null)
-const trigger = useScriptTriggerElement({ trigger: props.trigger, el: rootEl })
-
-const scriptConfig = scriptRuntimeConfig('googleAdsense')
+<script setup>
+import { computed, onMounted, ref, watch } from "vue";
+import { callOnce } from "nuxt/app";
+import { useScriptTriggerElement } from "../composables/useScriptTriggerElement";
+import { useScriptGoogleAdsense } from "../registry/google-adsense";
+import { scriptRuntimeConfig } from "../utils";
+const props = defineProps({
+  dataAdClient: { type: String, required: true },
+  dataAdSlot: { type: String, required: true },
+  dataAdFormat: { type: String, required: false, default: void 0 },
+  dataAdLayout: { type: String, required: false },
+  dataFullWidthResponsive: { type: Boolean, required: false, default: true },
+  trigger: { type: [String, Array, Boolean], required: false }
+});
+const emits = defineEmits(["ready", "error"]);
+const rootEl = ref(null);
+const trigger = useScriptTriggerElement({ trigger: props.trigger, el: rootEl });
+const scriptConfig = scriptRuntimeConfig("googleAdsense");
 const addClient = computed(() => {
-  return props.dataAdClient || scriptConfig?.client
-})
-
+  return props.dataAdClient || scriptConfig?.client;
+});
 const instance = useScriptGoogleAdsense({
   client: addClient.value,
   scriptOptions: {
-    trigger,
-  },
-})
-
-const { status } = instance
-
+    trigger
+  }
+});
+const { status } = instance;
 function pushAdSlot() {
-  (window.adsbygoogle = window.adsbygoogle || []).push({})
+  (window.adsbygoogle = window.adsbygoogle || []).push({});
 }
-
 onMounted(() => {
   if (import.meta.dev) {
-    callOnce(() => pushAdSlot())
+    callOnce(() => pushAdSlot());
+  } else {
+    pushAdSlot();
   }
-  else {
-    pushAdSlot()
-  }
-
   watch(status, (val) => {
-    if (val === 'loaded') {
-      emits('ready', instance)
+    if (val === "loaded") {
+      emits("ready", instance);
+    } else if (val === "error") {
+      emits("error");
     }
-    else if (val === 'error') {
-      emits('error')
-    }
-  })
-})
-
+  });
+});
 const rootAttrs = computed(() => {
   return {
-    ...(trigger instanceof Promise ? trigger.ssrAttrs || {} : {}),
-  }
-})
+    ...trigger instanceof Promise ? trigger.ssrAttrs || {} : {}
+  };
+});
 </script>
 
 <template>

package/dist/runtime/components/ScriptGoogleAdsense.vue.d.ts

@@ -0,0 +1,59 @@
+import type { ElementScriptTrigger } from '#nuxt-scripts/types';
+type __VLS_Props = {
+    dataAdClient: string;
+    dataAdSlot: string;
+    dataAdFormat?: 'auto' | 'rectangle' | 'vertical' | 'horizontal' | 'fluid' | 'autorelaxed';
+    dataAdLayout?: 'in-article' | 'in-feed' | 'fixed';
+    dataFullWidthResponsive?: boolean;
+    /**
+     * Defines the trigger event to load the script.
+     */
+    trigger?: ElementScriptTrigger;
+};
+declare const rootEl: import("vue").Ref<null, null>;
+declare const addClient: import("vue").ComputedRef<string | undefined>;
+declare const status: import("vue").Ref<import("@unhead/vue").UseScriptStatus, import("@unhead/vue").UseScriptStatus>;
+declare const rootAttrs: import("vue").ComputedRef<{
+    [x: string]: string;
+}>;
+declare const __VLS_ctx: InstanceType<__VLS_PickNotAny<typeof __VLS_self, new () => {}>>;
+declare var __VLS_1: {}, __VLS_3: {}, __VLS_5: {};
+type __VLS_Slots = __VLS_PrettifyGlobal<__VLS_OmitStringIndex<typeof __VLS_ctx.$slots> & {
+    awaitingLoad?: (props: typeof __VLS_1) => any;
+} & {
+    loading?: (props: typeof __VLS_3) => any;
+} & {
+    error?: (props: typeof __VLS_5) => any;
+}>;
+declare const __VLS_self: import("vue").DefineComponent<__VLS_Props, {
+    rootEl: typeof rootEl;
+    addClient: typeof addClient;
+    status: typeof status;
+    rootAttrs: typeof rootAttrs;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    error: () => any;
+    ready: (e: import("#nuxt-scripts/types").UseScriptContext<import("../registry/google-adsense.js").GoogleAdsenseApi>) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onError?: (() => any) | undefined;
+    onReady?: ((e: import("#nuxt-scripts/types").UseScriptContext<import("../registry/google-adsense.js").GoogleAdsenseApi>) => any) | undefined;
+}>, {
+    dataAdFormat: "auto" | "rectangle" | "vertical" | "horizontal" | "fluid" | "autorelaxed";
+    dataFullWidthResponsive: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    error: () => any;
+    ready: (e: import("#nuxt-scripts/types").UseScriptContext<import("../registry/google-adsense.js").GoogleAdsenseApi>) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onError?: (() => any) | undefined;
+    onReady?: ((e: import("#nuxt-scripts/types").UseScriptContext<import("../registry/google-adsense.js").GoogleAdsenseApi>) => any) | undefined;
+}>, {
+    dataAdFormat: "auto" | "rectangle" | "vertical" | "horizontal" | "fluid" | "autorelaxed";
+    dataFullWidthResponsive: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};