<script setup lang="ts">
import { onMounted } from "vue";

const props = defineProps<{
  url: string
}>()

onMounted(() => {
  // 如果 TikTok embed 脚本未加载，动态注入
  if (!document.querySelector('script[src="https://www.tiktok.com/embed.js"]')) {
    const s = document.createElement("script");
    s.src = "https://www.tiktok.com/embed.js";
    s.async = true;
    document.body.appendChild(s);
  } else {
    // 如果脚本已存在，调用它刷新 embed
    // 官方脚本会自动处理，不需要手动 init
  }
});
</script>

<template>
  <blockquote class="tiktok-embed" :cite="url" data-video-id="" style="max-width: 605px; min-width: 325px;">
    <a :href="url">View on TikTok</a>
  </blockquote>
</template>
