itube-specs 0.0.515 → 0.0.516

package/components/page-components/s-expand-row.vue

@@ -98,7 +98,13 @@ onMounted(() => {
   checkIsElementOverflow();
 });
 
+let checkTimer: ReturnType<typeof setTimeout> | null = null;
+
 watch(() => useRoute().query, () => {
-  setTimeout(() => checkIsElementOverflow(), 100)
-})
+  checkTimer = setTimeout(() => checkIsElementOverflow(), 100);
+});
+
+onBeforeUnmount(() => {
+  if (checkTimer) clearTimeout(checkTimer);
+});
 </script>

package/components/page-components/s-footer-models.vue

@@ -11,7 +11,7 @@
 </template>
 
 <script setup lang="ts">
-import { convertString, EAsyncData } from 'itube-specs/runtime';
+import { convertString } from 'itube-specs/runtime';
 import type { IModelCard } from 'itube-specs/types';
 
 const props = defineProps<{

package/components/page-components/s-report.vue

@@ -203,7 +203,7 @@ async function submit() {
   if (!valid) return;
 
   try {
-    const baseURL = window.location.origin;
+    const baseURL = process.client ? window.location.origin : '';
     loading.value = true;
     form.value.token = await getRecaptchaToken('contact_form');
     form.value.url = `${baseURL}/videos/${reportedVideoCard.value.id}`;

package/components/page-components/s-share.vue

@@ -55,13 +55,17 @@ const {isSharePopupOpen, closeSharePopup, sharedVideoCard} = useSharePopup();
 const route = useRoute();
 
 const isCopied = ref(false);
+let copyTimeout: ReturnType<typeof setTimeout> | null = null;
 
-const fullUrl = computed(() => window.location.origin + route.fullPath);
+const fullUrl = computed(() =>
+    (process.client ? window.location.origin : '') + route.fullPath
+);
 
 function copyUrl() {
+  if (!process.client) return;
   navigator.clipboard.writeText(fullUrl.value).then(() => {
-    isCopied.value = true
-  })
+    isCopied.value = true;
+  });
 }
 
 const copyIcon = computed(() => isCopied.value ? 'check' : 'copy');
@@ -69,9 +73,13 @@ const inputText = computed(() => isCopied.value ? t('link_copied') : t('link'));
 
 watch(() => isCopied.value, (value) => {
   if (value) {
-    setTimeout(() => isCopied.value = false, 3000)
+    copyTimeout = setTimeout(() => isCopied.value = false, 3000);
   }
-})
+});
+
+onBeforeUnmount(() => {
+  if (copyTimeout) clearTimeout(copyTimeout);
+});
 
 const { t } = useI18n()
 

package/components/playlist/s-playlist-private-toggle.vue

@@ -3,7 +3,7 @@
   <SToggle
       class="s-playlist-private-toggle__toggler"
       :model-value="modelValue"
-      @update:model-value="(event: Event) => emit('update:modelValue', event)"
+      @update:model-value="(value: boolean) => emit('update:modelValue', value)"
   />
   <p class="s-playlist-private-toggle__text">{{ $t('playlist.private_playlist')}}</p>
 </div>
@@ -15,6 +15,6 @@ defineProps<{
 }>()
 
 const emit = defineEmits<{
-  (eventName: 'update:modelValue', value: Event): void
+  (eventName: 'update:modelValue', value: boolean): void
 }>()
 </script>

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "itube-specs",
   "type": "module",
-  "version": "0.0.515",
+  "version": "0.0.516",
   "main": "./nuxt.config.ts",
   "types": "./types/index.d.ts",
   "scripts": {