Add tiktok-live-nuxt

Module Info

• Name: tiktok-live-nuxt
• npm: https://www.npmjs.com/package/tiktok-live-nuxt
• Repository: https://github.com/tiktool/tiktok-live-nuxt
• Category: Integration
• Description: Nuxt module for TikTok LIVE API - real-time chat, gifts, viewers, battles & AI captions via WebSocket

Features

• Auto-imported useTikTokLive() composable
• Reactive refs for chat messages, gifts, viewer count
• SSR-safe (WebSocket connects on client hydration)
• Custom event handlers via .on()
• Config via nuxt.config.ts or TIKTOOL_API_KEY env var
• TypeScript support with full type definitions
• Works with Nuxt 3+

Quick Example

<script setup>
const { messages, viewers, gifts, connected } = useTikTokLive('gbnews')
</script>

<template>
  <div>
    <p>👀 {{ viewers }} viewers</p>
    <div v-for="msg in messages" :key="msg.data?.msgId">
      {{ msg.data?.user?.uniqueId }}: {{ msg.data?.comment }}
    </div>
  </div>
</template>

Links

• Docs: https://tik.tools/docs
• npm: https://www.npmjs.com/package/tiktok-live-nuxt
• GitHub: https://github.com/tiktool/tiktok-live-nuxt

Start by reviewing the nuxt/modules repository's contribution guidance and existing integration module entries, then compare the submitted metadata with the linked npm package, repository, and documentation. Done means the tiktok-live-nuxt module is added consistently with the repository's existing catalog format and its links and description are accurate.