diff --git a/components/LoadLazily.vue b/components/LoadLazily.vue
index 3977bad1..71b2d4f0 100644
--- a/components/LoadLazily.vue
+++ b/components/LoadLazily.vue
@@ -1,28 +1,30 @@
-
\ No newline at end of file
+
diff --git a/components/Streamfield/StreamfieldEmbed.vue b/components/Streamfield/StreamfieldEmbed.vue
index 0717b67c..5e528a08 100644
--- a/components/Streamfield/StreamfieldEmbed.vue
+++ b/components/Streamfield/StreamfieldEmbed.vue
@@ -1,31 +1,65 @@
-
+
+
+
+
+
diff --git a/components/Streamfield/StreamfieldEmbedDefault.vue b/components/Streamfield/StreamfieldEmbedDefault.vue
index 1053bf68..5ec02ee3 100644
--- a/components/Streamfield/StreamfieldEmbedDefault.vue
+++ b/components/Streamfield/StreamfieldEmbedDefault.vue
@@ -9,7 +9,7 @@ const el = ref(null)
@@ -24,10 +24,5 @@ const el = ref(null)
height: 100% !important;
}
}
- .instagram-media {
- @include media('
diff --git a/components/Streamfield/StreamfieldEmbedInstagram.vue b/components/Streamfield/StreamfieldEmbedInstagram.vue
new file mode 100644
index 00000000..0c70bd64
--- /dev/null
+++ b/components/Streamfield/StreamfieldEmbedInstagram.vue
@@ -0,0 +1,35 @@
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/components/Streamfield/StreamfieldEmbedTiktok.vue b/components/Streamfield/StreamfieldEmbedTiktok.vue
new file mode 100644
index 00000000..75d71f52
--- /dev/null
+++ b/components/Streamfield/StreamfieldEmbedTiktok.vue
@@ -0,0 +1,25 @@
+
+
+
+
+
diff --git a/components/Streamfield/StreamfieldEmbedTweet.vue b/components/Streamfield/StreamfieldEmbedTweet.vue
index e8cc7e55..8ae44ee3 100644
--- a/components/Streamfield/StreamfieldEmbedTweet.vue
+++ b/components/Streamfield/StreamfieldEmbedTweet.vue
@@ -3,6 +3,27 @@ import { usePreferredDark } from '@vueuse/core';
import { EmbedBlock } from '~~/composables/types/StreamfieldBlock';
import { computed, ref } from 'vue'
+useHead({
+ script: [{
+ children: `window.twttr = (function(d, s, id) {
+ var js, fjs = d.getElementsByTagName(s)[0],
+ t = window.twttr || {};
+ if (d.getElementById(id)) return t;
+ js = d.createElement(s);
+ js.id = id;
+ js.src = 'https://platform.twitter.com/widgets.js';
+ fjs.parentNode.insertBefore(js, fjs);
+
+ t._e = [];
+ t.ready = function(f) {
+ t._e.push(f);
+ };
+
+ return t;
+ }(document, 'script', 'twitter-wjs'));`,
+ }]
+})
+
const props = defineProps<{
block: EmbedBlock
}>()
@@ -83,4 +104,3 @@ onMounted(async () => {
}
}
-
\ No newline at end of file
diff --git a/composables/useVisibilityTracking.ts b/composables/useVisibilityTracking.ts
index 27a691ce..8a4cd495 100644
--- a/composables/useVisibilityTracking.ts
+++ b/composables/useVisibilityTracking.ts
@@ -1,5 +1,7 @@
-export default function useVisibilityTracking(elementRef, onVisible, onNotVisible, options={threshold: [1.0]}) {
+export default function useVisibilityTracking(elementRef, onVisible, onNotVisible, options) {
const componentIsVisible = ref()
+ options = options ?? {}
+ options.threshold = options.threshold ?? [1.0]
if (!process.server) {
const observer = new IntersectionObserver((entries) => {
@@ -7,14 +9,15 @@ export default function useVisibilityTracking(elementRef, onVisible, onNotVisibl
if (entry.isIntersecting && componentIsVisible.value !== true) {
componentIsVisible.value = true
onVisible()
- } else if (!entry.isIntersecting && componentIsVisible.value !== false) {
+ }
+ else if (!entry.isIntersecting && componentIsVisible.value !== false) {
componentIsVisible.value = false
onNotVisible()
}
})
- }, options);
+ }, options)
- onMounted(() => {
+ onMounted(() => {
observer.observe(elementRef.value)
})
diff --git a/layouts/default.vue b/layouts/default.vue
index aa49bb71..43f46f2a 100644
--- a/layouts/default.vue
+++ b/layouts/default.vue
@@ -129,25 +129,7 @@ useHead({
{
src: config.public.HTL_JS,
async: true,
- },
- {
- children: `window.twttr = (function(d, s, id) {
- var js, fjs = d.getElementsByTagName(s)[0],
- t = window.twttr || {};
- if (d.getElementById(id)) return t;
- js = d.createElement(s);
- js.id = id;
- js.src = 'https://platform.twitter.com/widgets.js';
- fjs.parentNode.insertBefore(js, fjs);
-
- t._e = [];
- t.ready = function(f) {
- t._e.push(f);
- };
-
- return t;
- }(document, 'script', 'twitter-wjs'));`,
- },
+ }
]
})
@@ -264,7 +246,11 @@ if (isSponsoredRoute) {
-
+