@nuxt/scripts 0.6.3 → 0.6.5

package/dist/runtime/components/ScriptCarbonAds.vue

@@ -1,71 +1,71 @@
-<script setup lang="ts">
-import { withQuery } from 'ufo'
-import { useScriptTriggerElement } from '../composables/useScriptTriggerElement'
-import { onBeforeUnmount, onMounted, ref } from '#imports'
-import type { ElementScriptTrigger } from '#nuxt-scripts'
-
-const props = defineProps<{
-  serve: string
-  placement: string
-  /**
-   * Defines the trigger event to load the script.
-   */
-  trigger?: ElementScriptTrigger
-}>()
-
-const emit = defineEmits<{
-  error: [error: string | Event]
-  ready: [HTMLScriptElement]
-}>()
-
-const attrId = `_carbonads_js`
-const carbonadsEl = ref<HTMLElement | null>(import.meta.client ? document.getElementById(attrId) : null)
-// syncs to useScript status
-const status = ref('awaitingLoad')
-
-function loadCarbon() {
-  if (!carbonadsEl.value) {
-    return
-  }
-  status.value = 'loading'
-  const script = document.createElement('script')
-  script.setAttribute('type', 'text/javascript')
-  script.setAttribute('src', withQuery('https://cdn.carbonads.com/carbon.js', {
-    serve: props.serve,
-    placement: props.placement,
-  }))
-  script.setAttribute('id', attrId)
-  script.onerror = (err) => {
-    status.value = 'error'
-    emit('error', err)
-  }
-  script.onload = () => {
-    status.value = 'loaded'
-    emit('ready', script)
-  }
-  carbonadsEl.value.appendChild(script)
-}
-
-onMounted(() => {
-  if (!props.trigger) {
-    loadCarbon()
-  }
-  else {
-    useScriptTriggerElement({ trigger: props.trigger, el: carbonadsEl })
-  }
-})
-
-onBeforeUnmount(() => {
-  if (carbonadsEl.value) {
-    carbonadsEl.value.remove()
-  }
-})
-</script>
-
-<template>
-  <div ref="carbonadsEl">
-    <slot v-if="status === 'awaitingLoad'" name="awaitingLoad" />
-    <slot v-else-if="status === 'loading'" name="loading" />
-    <slot v-else-if="status === 'error'" name="error" />
-  </div>
-</template>
+<script setup lang="ts">
+import { withQuery } from 'ufo'
+import { useScriptTriggerElement } from '../composables/useScriptTriggerElement'
+import { onBeforeUnmount, onMounted, ref } from '#imports'
+import type { ElementScriptTrigger } from '#nuxt-scripts'
+
+const props = defineProps<{
+  serve: string
+  placement: string
+  /**
+   * Defines the trigger event to load the script.
+   */
+  trigger?: ElementScriptTrigger
+}>()
+
+const emit = defineEmits<{
+  error: [error: string | Event]
+  ready: [HTMLScriptElement]
+}>()
+
+const attrId = `_carbonads_js`
+const carbonadsEl = ref<HTMLElement | null>(import.meta.client ? document.getElementById(attrId) : null)
+// syncs to useScript status
+const status = ref('awaitingLoad')
+
+function loadCarbon() {
+  if (!carbonadsEl.value) {
+    return
+  }
+  status.value = 'loading'
+  const script = document.createElement('script')
+  script.setAttribute('type', 'text/javascript')
+  script.setAttribute('src', withQuery('https://cdn.carbonads.com/carbon.js', {
+    serve: props.serve,
+    placement: props.placement,
+  }))
+  script.setAttribute('id', attrId)
+  script.onerror = (err) => {
+    status.value = 'error'
+    emit('error', err)
+  }
+  script.onload = () => {
+    status.value = 'loaded'
+    emit('ready', script)
+  }
+  carbonadsEl.value.appendChild(script)
+}
+
+onMounted(() => {
+  if (!props.trigger) {
+    loadCarbon()
+  }
+  else {
+    useScriptTriggerElement({ trigger: props.trigger, el: carbonadsEl })
+  }
+})
+
+onBeforeUnmount(() => {
+  if (carbonadsEl.value) {
+    carbonadsEl.value.remove()
+  }
+})
+</script>
+
+<template>
+  <div ref="carbonadsEl">
+    <slot v-if="status === 'awaitingLoad'" name="awaitingLoad" />
+    <slot v-else-if="status === 'loading'" name="loading" />
+    <slot v-else-if="status === 'error'" name="error" />
+  </div>
+</template>

package/dist/runtime/components/ScriptCrisp.vue

@@ -1,84 +1,84 @@
-<script setup lang="ts">
-import { useScriptTriggerElement } from '../composables/useScriptTriggerElement'
-import { useScriptCrisp } from '../registry/crisp'
-import { ref, onMounted, onBeforeUnmount, watch } from '#imports'
-import type { ElementScriptTrigger } from '#nuxt-scripts'
-
-const props = withDefaults(defineProps<{
-  /**
-   * Defines the trigger event to load the script.
-   */
-  trigger?: ElementScriptTrigger
-  id: string
-  runtimeConfig?: {
-    locale: string
-  }
-  tokenId?: string
-  cookieDomain?: string
-  cookieExpiry?: number
-}>(), {
-  trigger: 'click',
-})
-
-const emits = defineEmits<{
-  // our emit
-  ready: [e: ReturnType<typeof useScriptCrisp>]
-  error: []
-}>()
-
-const rootEl = ref(null)
-const trigger = useScriptTriggerElement({ trigger: props.trigger, el: rootEl })
-
-const isReady = ref(false)
-const crisp = useScriptCrisp({
-  id: props.id,
-  runtimeConfig: props.runtimeConfig,
-  tokenId: props.tokenId,
-  cookieDomain: props.cookieDomain,
-  cookieExpiry: props.cookieExpiry,
-  scriptOptions: {
-    trigger,
-  },
-})
-if (props.trigger === 'click')
-  crisp.do('chat:open')
-const { $script } = crisp
-
-defineExpose({
-  crisp,
-})
-
-let observer: MutationObserver
-onMounted(() => {
-  watch($script.status, (status) => {
-    if (status === 'loaded') {
-      observer = new MutationObserver(() => {
-        if (document.getElementById('crisp-chatbox')) {
-          isReady.value = true
-          emits('ready', crisp)
-          observer.disconnect()
-        }
-      })
-      observer.observe(document.body, { childList: true, subtree: true })
-    }
-    else if (status === 'error') {
-      emits('error')
-    }
-  })
-})
-onBeforeUnmount(() => {
-  observer?.disconnect()
-})
-</script>
-
-<template>
-  <div
-    ref="rootEl"
-    :style="{ display: isReady ? 'none' : 'block' }"
-  >
-    <slot :ready="isReady" />
-    <slot v-if="$script.status.value === 'awaitingLoad'" name="awaitingLoad" />
-    <slot v-else-if="$script.status.value === 'loading' || !isReady" name="loading" />
-    <slot v-else-if="$script.status.value === 'error'" name="error" />
-  </div>
-</template>
+<script setup lang="ts">
+import { useScriptTriggerElement } from '../composables/useScriptTriggerElement'
+import { useScriptCrisp } from '../registry/crisp'
+import { ref, onMounted, onBeforeUnmount, watch } from '#imports'
+import type { ElementScriptTrigger } from '#nuxt-scripts'
+
+const props = withDefaults(defineProps<{
+  /**
+   * Defines the trigger event to load the script.
+   */
+  trigger?: ElementScriptTrigger
+  id: string
+  runtimeConfig?: {
+    locale: string
+  }
+  tokenId?: string
+  cookieDomain?: string
+  cookieExpiry?: number
+}>(), {
+  trigger: 'click',
+})
+
+const emits = defineEmits<{
+  // our emit
+  ready: [e: ReturnType<typeof useScriptCrisp>]
+  error: []
+}>()
+
+const rootEl = ref(null)
+const trigger = useScriptTriggerElement({ trigger: props.trigger, el: rootEl })
+
+const isReady = ref(false)
+const crisp = useScriptCrisp({
+  id: props.id,
+  runtimeConfig: props.runtimeConfig,
+  tokenId: props.tokenId,
+  cookieDomain: props.cookieDomain,
+  cookieExpiry: props.cookieExpiry,
+  scriptOptions: {
+    trigger,
+  },
+})
+if (props.trigger === 'click')
+  crisp.do('chat:open')
+const { $script } = crisp
+
+defineExpose({
+  crisp,
+})
+
+let observer: MutationObserver
+onMounted(() => {
+  watch($script.status, (status) => {
+    if (status === 'loaded') {
+      observer = new MutationObserver(() => {
+        if (document.getElementById('crisp-chatbox')) {
+          isReady.value = true
+          emits('ready', crisp)
+          observer.disconnect()
+        }
+      })
+      observer.observe(document.body, { childList: true, subtree: true })
+    }
+    else if (status === 'error') {
+      emits('error')
+    }
+  })
+})
+onBeforeUnmount(() => {
+  observer?.disconnect()
+})
+</script>
+
+<template>
+  <div
+    ref="rootEl"
+    :style="{ display: isReady ? 'none' : 'block' }"
+  >
+    <slot :ready="isReady" />
+    <slot v-if="$script.status.value === 'awaitingLoad'" name="awaitingLoad" />
+    <slot v-else-if="$script.status.value === 'loading' || !isReady" name="loading" />
+    <slot v-else-if="$script.status.value === 'error'" name="error" />
+  </div>
+</template>

package/dist/runtime/components/ScriptGoogleAdsense.vue

@@ -1,69 +1,69 @@
-<script setup lang="ts">
-import { useScriptTriggerElement } from '../composables/useScriptTriggerElement'
-import { useScriptGoogleAdsense } from '../registry/google-adsense'
-import { callOnce, onMounted, ref, watch } from '#imports'
-import type { ElementScriptTrigger } from '#nuxt-scripts'
-
-const props = withDefaults(defineProps<{
-  dataAdClient: string
-  dataAdSlot: string
-  dataAdFormat?: 'auto'
-  dataFullWidthResponsive?: boolean
-  /**
-   * Defines the trigger event to load the script.
-   */
-  trigger?: ElementScriptTrigger
-}>(), {
-  dataAdFormat: 'auto',
-  dataFullWidthResponsive: true,
-})
-
-const emits = defineEmits<{
-  // our emit
-  ready: [e: ReturnType<typeof useScriptGoogleAdsense>]
-  error: []
-}>()
-
-const rootEl = ref(null)
-const trigger = useScriptTriggerElement({ trigger: props.trigger, el: rootEl })
-
-const instance = useScriptGoogleAdsense({
-  client: props.dataAdClient,
-  scriptOptions: {
-    trigger,
-  },
-})
-
-const { $script } = instance
-
-onMounted(() => {
-  callOnce(() => {
-    (window.adsbygoogle = window.adsbygoogle || []).push({})
-  })
-  watch(instance.$script.status, () => {
-    if (instance.$script.status.value === 'loaded') {
-      emits('ready', instance)
-    }
-    else if (instance.$script.status.value === 'error') {
-      emits('error')
-    }
-  })
-})
-</script>
-
-<template>
-  <ins
-    ref="rootEl"
-    class="adsbygoogle"
-    style="display: block;"
-    :data-ad-client="dataAdClient"
-    :data-ad-slot="dataAdSlot"
-    :data-ad-format="dataAdFormat"
-    :data-full-width-responsive="dataFullWidthResponsive"
-    v-bind="{ ...$attrs }"
-  >
-    <slot v-if="$script.status.value === 'awaitingLoad'" name="awaitingLoad" />
-    <slot v-else-if="$script.status.value === 'loading'" name="loading" />
-    <slot v-else-if="$script.status.value === 'error'" name="error" />
-  </ins>
-</template>
+<script setup lang="ts">
+import { useScriptTriggerElement } from '../composables/useScriptTriggerElement'
+import { useScriptGoogleAdsense } from '../registry/google-adsense'
+import { callOnce, onMounted, ref, watch } from '#imports'
+import type { ElementScriptTrigger } from '#nuxt-scripts'
+
+const props = withDefaults(defineProps<{
+  dataAdClient: string
+  dataAdSlot: string
+  dataAdFormat?: 'auto'
+  dataFullWidthResponsive?: boolean
+  /**
+   * Defines the trigger event to load the script.
+   */
+  trigger?: ElementScriptTrigger
+}>(), {
+  dataAdFormat: 'auto',
+  dataFullWidthResponsive: true,
+})
+
+const emits = defineEmits<{
+  // our emit
+  ready: [e: ReturnType<typeof useScriptGoogleAdsense>]
+  error: []
+}>()
+
+const rootEl = ref(null)
+const trigger = useScriptTriggerElement({ trigger: props.trigger, el: rootEl })
+
+const instance = useScriptGoogleAdsense({
+  client: props.dataAdClient,
+  scriptOptions: {
+    trigger,
+  },
+})
+
+const { $script } = instance
+
+onMounted(() => {
+  callOnce(() => {
+    (window.adsbygoogle = window.adsbygoogle || []).push({})
+  })
+  watch(instance.$script.status, () => {
+    if (instance.$script.status.value === 'loaded') {
+      emits('ready', instance)
+    }
+    else if (instance.$script.status.value === 'error') {
+      emits('error')
+    }
+  })
+})
+</script>
+
+<template>
+  <ins
+    ref="rootEl"
+    class="adsbygoogle"
+    style="display: block;"
+    :data-ad-client="dataAdClient"
+    :data-ad-slot="dataAdSlot"
+    :data-ad-format="dataAdFormat"
+    :data-full-width-responsive="dataFullWidthResponsive"
+    v-bind="{ ...$attrs }"
+  >
+    <slot v-if="$script.status.value === 'awaitingLoad'" name="awaitingLoad" />
+    <slot v-else-if="$script.status.value === 'loading'" name="loading" />
+    <slot v-else-if="$script.status.value === 'error'" name="error" />
+  </ins>
+</template>