@jjlmoya/utils-social 1.11.0 → 1.14.0

package/src/tool/tinderPhotoOptimizer/i18n/zh.ts

@@ -1,3 +1,4 @@
+import { bibliography } from '../bibliography';
 import type { WithContext, FAQPage, HowTo, SoftwareApplication } from 'schema-dts';
 import type { ToolLocaleContent } from '../../../types';
 import type { TinderPhotoOptimizerUI } from '../ui';
@@ -87,19 +88,8 @@ export const content: ToolLocaleContent<TinderPhotoOptimizerUI> = {
   slug,
   title,
   description,
-  faqTitle: '常见问题',
-  faq: faqData,
-  bibliographyTitle: '参考文献',
-  bibliography: [
-    {
-      name: 'face-api.js: JavaScript Face Recognition in the Browser',
-      url: 'https://github.com/justadudewhohacks/face-api.js',
-    },
-    {
-      name: 'MDN Web Docs: Canvas API',
-      url: 'https://developer.mozilla.org/zh-CN/docs/Web/API/Canvas_API',
-    },
-  ],
+    faq: faqData,
+      bibliography,
   howTo: howToData,
   schemas: [faqSchema, howToSchema, appSchema],
   seo: [

package/src/tool/tinderPhotoOptimizer/seo.astro

@@ -11,4 +11,5 @@ const { locale = 'es' } = Astro.props;
 const content = await tinderPhotoOptimizer.i18n[locale]?.();
 if (!content) return null;
 ---
-<SEORenderer content={{ locale: locale as string, sections: content.seo }} />
+
+{content.seo?.length > 0 && <SEORenderer content={{ locale, sections: content.seo }} />}

package/src/tool/tinderPhotoOptimizer/tinder-photo-optimizer.css

@@ -19,7 +19,7 @@
     --tfo-switch-off: #e2e8f0;
   }
 
-  :global(.theme-dark) .tfo-root {
+  .theme-dark .tfo-root {
     --tfo-text: #f1f5f9;
     --tfo-muted: #94a3b8;
     --tfo-bg: #0f172a;
@@ -53,7 +53,7 @@
     overflow: hidden;
   }
 
-  :global(.theme-dark) .tfo-container {
+  .theme-dark .tfo-container {
     border-color: rgba(255, 255, 255, 0.06);
   }
 
@@ -333,7 +333,7 @@
     color: var(--tfo-pink);
   }
 
-  :global(.theme-dark) .tfo-action-btn:hover .tfo-btn-icon {
+  .theme-dark .tfo-action-btn:hover .tfo-btn-icon {
     background: rgba(253, 41, 123, 0.15);
     color: var(--tfo-pink);
   }
@@ -344,7 +344,7 @@
     color: var(--tfo-pink);
   }
 
-  :global(.theme-dark) .tfo-action-btn.is-active {
+  .theme-dark .tfo-action-btn.is-active {
     background: rgba(253, 41, 123, 0.1);
   }
 
@@ -398,7 +398,7 @@
     box-shadow: 0 4px 20px rgba(0, 0, 0, 0.02);
   }
 
-  :global(.theme-dark) .tfo-analysis-col {
+  .theme-dark .tfo-analysis-col {
     border-color: rgba(255, 255, 255, 0.06);
   }
 
@@ -445,7 +445,7 @@
     overflow-wrap: break-word;
   }
 
-  :global(.theme-dark) .tfo-alert {
+  .theme-dark .tfo-alert {
     border-bottom-color: rgba(255, 255, 255, 0.04);
   }
 
@@ -487,7 +487,7 @@
     border-radius: 40px;
   }
 
-  :global(.theme-dark) .tfo-ai-loader {
+  .theme-dark .tfo-ai-loader {
     background: rgba(15, 23, 42, 0.85);
   }
 

package/src/tool/youtubeThumbnail/bibliography.astro

@@ -1,14 +1,6 @@
 ---
 import { Bibliography as SharedBibliography } from '@jjlmoya/utils-shared';
-import { youtubeThumbnail } from './index';
-import type { KnownLocale } from '../../types';
-
-interface Props {
-  locale?: KnownLocale;
-}
-
-const { locale = 'es' } = Astro.props;
-const content = await youtubeThumbnail.i18n[locale]?.();
+import { bibliography } from './bibliography';
 ---
 
-{content && <SharedBibliography links={content.bibliography} />}
+<SharedBibliography links={bibliography} />

package/src/tool/youtubeThumbnail/bibliography.ts

@@ -0,0 +1,16 @@
+import type { BibliographyEntry } from '../../types';
+
+export const bibliography: BibliographyEntry[] = [
+  {
+    name: 'YouTube Help: Add a custom video thumbnail',
+    url: 'https://support.google.com/youtube/answer/72431',
+  },
+  {
+    name: 'YouTube Creator Academy: Make great thumbnails',
+    url: 'https://creatoracademy.youtube.com/',
+  },
+  {
+    name: 'Google Developers: YouTube Data API — Thumbnails',
+    url: 'https://developers.google.com/youtube/v3/docs/thumbnails',
+  },
+];

package/src/tool/youtubeThumbnail/i18n/de.ts

@@ -1,3 +1,4 @@
+import { bibliography } from '../bibliography';
 import type { WithContext, FAQPage, HowToThing, SoftwareApplication } from 'schema-dts';
 import type { ToolLocaleContent } from '../../../types';
 import type { YoutubeThumbnailUI } from '../ui';
@@ -87,23 +88,8 @@ export const content: ToolLocaleContent<YoutubeThumbnailUI> = {
   slug,
   title,
   description,
-  faqTitle: 'Häufig gestellte Fragen',
-  faq: faqData,
-  bibliographyTitle: 'Dokumentation & Referenzen',
-  bibliography: [
-    {
-      name: 'YouTube-Hilfe: Ein benutzerdefiniertes Video-Thumbnail hinzufügen',
-      url: 'https://support.google.com/youtube/answer/72431',
-    },
-    {
-      name: 'YouTube Creator Academy: Großartige Thumbnails erstellen',
-      url: 'https://creatoracademy.youtube.com/',
-    },
-    {
-      name: 'Google Developers: YouTube Data API — Thumbnails',
-      url: 'https://developers.google.com/youtube/v3/docs/thumbnails',
-    },
-  ],
+    faq: faqData,
+      bibliography,
   howTo: howToData,
   schemas: [faqSchema, howToSchema, appSchema],
   seo: [

package/src/tool/youtubeThumbnail/i18n/en.ts

@@ -1,3 +1,4 @@
+import { bibliography } from '../bibliography';
 import type { WithContext, FAQPage, HowToThing, SoftwareApplication } from 'schema-dts';
 import type { ToolLocaleContent } from '../../../types';
 import type { YoutubeThumbnailUI } from '../ui';
@@ -87,23 +88,8 @@ export const content: ToolLocaleContent<YoutubeThumbnailUI> = {
   slug,
   title,
   description,
-  faqTitle: 'Frequently Asked Questions',
-  faq: faqData,
-  bibliographyTitle: 'Documentation & References',
-  bibliography: [
-    {
-      name: 'YouTube Help: Add a custom video thumbnail',
-      url: 'https://support.google.com/youtube/answer/72431',
-    },
-    {
-      name: 'YouTube Creator Academy: Make great thumbnails',
-      url: 'https://creatoracademy.youtube.com/',
-    },
-    {
-      name: 'Google Developers: YouTube Data API — Thumbnails',
-      url: 'https://developers.google.com/youtube/v3/docs/thumbnails',
-    },
-  ],
+    faq: faqData,
+      bibliography,
   howTo: howToData,
   schemas: [faqSchema, howToSchema, appSchema],
   seo: [

package/src/tool/youtubeThumbnail/i18n/es.ts

@@ -1,3 +1,4 @@
+import { bibliography } from '../bibliography';
 import type { WithContext, FAQPage, HowToThing, SoftwareApplication } from 'schema-dts';
 import type { ToolLocaleContent } from '../../../types';
 import type { YoutubeThumbnailUI } from '../ui';
@@ -87,23 +88,8 @@ export const content: ToolLocaleContent<YoutubeThumbnailUI> = {
   slug,
   title,
   description,
-  faqTitle: 'Preguntas Frecuentes',
-  faq: faqData,
-  bibliographyTitle: 'Documentación y Referencias',
-  bibliography: [
-    {
-      name: 'YouTube Help: Añadir una imagen en miniatura personalizada',
-      url: 'https://support.google.com/youtube/answer/72431',
-    },
-    {
-      name: 'YouTube Creator Academy: Cómo crear miniaturas efectivas',
-      url: 'https://creatoracademy.youtube.com/',
-    },
-    {
-      name: 'Google Developers: YouTube Data API — Thumbnails',
-      url: 'https://developers.google.com/youtube/v3/docs/thumbnails',
-    },
-  ],
+    faq: faqData,
+      bibliography,
   howTo: howToData,
   schemas: [faqSchema, howToSchema, appSchema],
   seo: [

package/src/tool/youtubeThumbnail/i18n/fr.ts

@@ -1,3 +1,4 @@
+import { bibliography } from '../bibliography';
 import type { WithContext, FAQPage, HowToThing, SoftwareApplication } from 'schema-dts';
 import type { ToolLocaleContent } from '../../../types';
 import type { YoutubeThumbnailUI } from '../ui';
@@ -87,23 +88,8 @@ export const content: ToolLocaleContent<YoutubeThumbnailUI> = {
   slug,
   title,
   description,
-  faqTitle: 'Questions Fréquentes',
-  faq: faqData,
-  bibliographyTitle: 'Documentation et Références',
-  bibliography: [
-    {
-      name: 'YouTube Aide : Ajouter une miniature personnalisée',
-      url: 'https://support.google.com/youtube/answer/72431',
-    },
-    {
-      name: 'YouTube Creator Academy : Créer de bonnes miniatures',
-      url: 'https://creatoracademy.youtube.com/',
-    },
-    {
-      name: 'Google Developers : YouTube Data API — Thumbnails',
-      url: 'https://developers.google.com/youtube/v3/docs/thumbnails',
-    },
-  ],
+    faq: faqData,
+      bibliography,
   howTo: howToData,
   schemas: [faqSchema, howToSchema, appSchema],
   seo: [

package/src/tool/youtubeThumbnail/i18n/id.ts

@@ -1,3 +1,4 @@
+import { bibliography } from '../bibliography';
 import type { WithContext, FAQPage, HowToThing, SoftwareApplication } from 'schema-dts';
 import type { ToolLocaleContent } from '../../../types';
 import type { YoutubeThumbnailUI } from '../ui';
@@ -87,23 +88,8 @@ export const content: ToolLocaleContent<YoutubeThumbnailUI> = {
   slug,
   title,
   description,
-  faqTitle: 'Pertanyaan yang Sering Diajukan',
-  faq: faqData,
-  bibliographyTitle: 'Dokumentation dan Referensi',
-  bibliography: [
-    {
-      name: 'Bantuan YouTube: Menambahkan gambar thumbnail kustom',
-      url: 'https://support.google.com/youtube/answer/72431',
-    },
-    {
-      name: 'YouTube Creator Academy: Cara membuat thumbnail yang efektif',
-      url: 'https://creatoracademy.youtube.com/',
-    },
-    {
-      name: 'Google Developers: YouTube Data API — Thumbnails',
-      url: 'https://developers.google.com/youtube/v3/docs/thumbnails',
-    },
-  ],
+    faq: faqData,
+      bibliography,
   howTo: howToData,
   schemas: [faqSchema, howToSchema, appSchema],
   seo: [

package/src/tool/youtubeThumbnail/i18n/it.ts

@@ -1,3 +1,4 @@
+import { bibliography } from '../bibliography';
 import type { WithContext, FAQPage, HowToThing, SoftwareApplication } from 'schema-dts';
 import type { ToolLocaleContent } from '../../../types';
 import type { YoutubeThumbnailUI } from '../ui';
@@ -87,23 +88,8 @@ export const content: ToolLocaleContent<YoutubeThumbnailUI> = {
   slug,
   title,
   description,
-  faqTitle: 'Domande Frequenti',
-  faq: faqData,
-  bibliographyTitle: 'Documentazione e Riferimenti',
-  bibliography: [
-    {
-      name: 'Guida di YouTube: Aggiungere un\'immagine in miniatura personalizzata',
-      url: 'https://support.google.com/youtube/answer/72431',
-    },
-    {
-      name: 'YouTube Creator Academy: Come creare miniature efficaci',
-      url: 'https://creatoracademy.youtube.com/',
-    },
-    {
-      name: 'Google Developers: YouTube Data API — Thumbnails',
-      url: 'https://developers.google.com/youtube/v3/docs/thumbnails',
-    },
-  ],
+    faq: faqData,
+      bibliography,
   howTo: howToData,
   schemas: [faqSchema, howToSchema, appSchema],
   seo: [

package/src/tool/youtubeThumbnail/i18n/ja.ts

@@ -1,3 +1,4 @@
+import { bibliography } from '../bibliography';
 import type { WithContext, FAQPage, HowToThing, SoftwareApplication } from 'schema-dts';
 import type { ToolLocaleContent } from '../../../types';
 import type { YoutubeThumbnailUI } from '../ui';
@@ -87,23 +88,8 @@ export const content: ToolLocaleContent<YoutubeThumbnailUI> = {
   slug,
   title,
   description,
-  faqTitle: 'よくある質問',
-  faq: faqData,
-  bibliographyTitle: 'ドキュメントと参照先',
-  bibliography: [
-    {
-      name: 'YouTube ヘルプ: 動画のカスタム サムネイルを追加する',
-      url: 'https://support.google.com/youtube/answer/72431',
-    },
-    {
-      name: 'YouTube クリエイター アカデミー: 効果的なサムネイルの作成',
-      url: 'https://creatoracademy.youtube.com/',
-    },
-    {
-      name: 'Google Developers: YouTube Data API — Thumbnails',
-      url: 'https://developers.google.com/youtube/v3/docs/thumbnails',
-    },
-  ],
+    faq: faqData,
+      bibliography,
   howTo: howToData,
   schemas: [faqSchema, howToSchema, appSchema],
   seo: [

package/src/tool/youtubeThumbnail/i18n/ko.ts

@@ -1,3 +1,4 @@
+import { bibliography } from '../bibliography';
 import type { WithContext, FAQPage, HowToThing, SoftwareApplication } from 'schema-dts';
 import type { ToolLocaleContent } from '../../../types';
 import type { YoutubeThumbnailUI } from '../ui';
@@ -87,23 +88,8 @@ export const content: ToolLocaleContent<YoutubeThumbnailUI> = {
   slug,
   title,
   description,
-  faqTitle: '자주 묻는 질문',
-  faq: faqData,
-  bibliographyTitle: '참고 자료 및 문서',
-  bibliography: [
-    {
-      name: 'YouTube 고객센터: 맞춤 동영상 썸네일 만들기',
-      url: 'https://support.google.com/youtube/answer/72431',
-    },
-    {
-      name: 'YouTube 크리에이터 아카데미: 효과적인 썸네일 제작법',
-      url: 'https://creatoracademy.youtube.com/',
-    },
-    {
-      name: 'Google Developers: YouTube Data API — Thumbnails',
-      url: 'https://developers.google.com/youtube/v3/docs/thumbnails',
-    },
-  ],
+    faq: faqData,
+      bibliography,
   howTo: howToData,
   schemas: [faqSchema, howToSchema, appSchema],
   seo: [

package/src/tool/youtubeThumbnail/i18n/nl.ts

@@ -1,3 +1,4 @@
+import { bibliography } from '../bibliography';
 import type { WithContext, FAQPage, HowToThing, SoftwareApplication } from 'schema-dts';
 import type { ToolLocaleContent } from '../../../types';
 import type { YoutubeThumbnailUI } from '../ui';
@@ -87,23 +88,8 @@ export const content: ToolLocaleContent<YoutubeThumbnailUI> = {
   slug,
   title,
   description,
-  faqTitle: 'Veelgestelde Vragen',
-  faq: faqData,
-  bibliographyTitle: 'Documentatie en Referenties',
-  bibliography: [
-    {
-      name: 'YouTube Help: Een aangepaste miniatuurafbeelding toevoegen',
-      url: 'https://support.google.com/youtube/answer/72431',
-    },
-    {
-      name: 'YouTube Creator Academy: Hoe maak je effectieve thumbnails',
-      url: 'https://creatoracademy.youtube.com/',
-    },
-    {
-      name: 'Google Developers: YouTube Data API — Thumbnails',
-      url: 'https://developers.google.com/youtube/v3/docs/thumbnails',
-    },
-  ],
+    faq: faqData,
+      bibliography,
   howTo: howToData,
   schemas: [faqSchema, howToSchema, appSchema],
   seo: [

package/src/tool/youtubeThumbnail/i18n/pl.ts

@@ -1,3 +1,4 @@
+import { bibliography } from '../bibliography';
 import type { WithContext, FAQPage, HowToThing, SoftwareApplication } from 'schema-dts';
 import type { ToolLocaleContent } from '../../../types';
 import type { YoutubeThumbnailUI } from '../ui';
@@ -87,23 +88,8 @@ export const content: ToolLocaleContent<YoutubeThumbnailUI> = {
   slug,
   title,
   description,
-  faqTitle: 'Często zadawane pytania',
-  faq: faqData,
-  bibliographyTitle: 'Dokumentacja i źródła',
-  bibliography: [
-    {
-      name: 'Pomoc YouTube: Dodawanie niestandardowej miniatury filmu',
-      url: 'https://support.google.com/youtube/answer/72431',
-    },
-    {
-      name: 'YouTube Creator Academy: Jak tworzyć skuteczne miniaturki',
-      url: 'https://creatoracademy.youtube.com/',
-    },
-    {
-      name: 'Google Developers: YouTube Data API — Thumbnails',
-      url: 'https://developers.google.com/youtube/v3/docs/thumbnails',
-    },
-  ],
+    faq: faqData,
+      bibliography,
   howTo: howToData,
   schemas: [faqSchema, howToSchema, appSchema],
   seo: [

package/src/tool/youtubeThumbnail/i18n/pt.ts

@@ -1,3 +1,4 @@
+import { bibliography } from '../bibliography';
 import type { WithContext, FAQPage, HowToThing, SoftwareApplication } from 'schema-dts';
 import type { ToolLocaleContent } from '../../../types';
 import type { YoutubeThumbnailUI } from '../ui';
@@ -87,23 +88,8 @@ export const content: ToolLocaleContent<YoutubeThumbnailUI> = {
   slug,
   title,
   description,
-  faqTitle: 'Perguntas Frequentes',
-  faq: faqData,
-  bibliographyTitle: 'Documentação e Referências',
-  bibliography: [
-    {
-      name: 'Ajuda do YouTube: Adicionar uma imagem em miniatura personalizada',
-      url: 'https://support.google.com/youtube/answer/72431',
-    },
-    {
-      name: 'YouTube Creator Academy: Como criar miniaturas eficazes',
-      url: 'https://creatoracademy.youtube.com/',
-    },
-    {
-      name: 'Google Developers: YouTube Data API — Thumbnails',
-      url: 'https://developers.google.com/youtube/v3/docs/thumbnails',
-    },
-  ],
+    faq: faqData,
+      bibliography,
   howTo: howToData,
   schemas: [faqSchema, howToSchema, appSchema],
   seo: [

package/src/tool/youtubeThumbnail/i18n/ru.ts

@@ -1,3 +1,4 @@
+import { bibliography } from '../bibliography';
 import type { WithContext, FAQPage, HowToThing, SoftwareApplication } from 'schema-dts';
 import type { ToolLocaleContent } from '../../../types';
 import type { YoutubeThumbnailUI } from '../ui';
@@ -87,23 +88,8 @@ export const content: ToolLocaleContent<YoutubeThumbnailUI> = {
   slug,
   title,
   description,
-  faqTitle: 'Часто задаваемые вопросы',
-  faq: faqData,
-  bibliographyTitle: 'Документация и источники',
-  bibliography: [
-    {
-      name: 'Справка YouTube: Как добавить персонализированный значок видео',
-      url: 'https://support.google.com/youtube/answer/72431',
-    },
-    {
-      name: 'YouTube Creator Academy: Как создавать эффектные значки',
-      url: 'https://creatoracademy.youtube.com/',
-    },
-    {
-      name: 'Google Developers: YouTube Data API — Thumbnails',
-      url: 'https://developers.google.com/youtube/v3/docs/thumbnails',
-    },
-  ],
+    faq: faqData,
+      bibliography,
   howTo: howToData,
   schemas: [faqSchema, howToSchema, appSchema],
   seo: [

package/src/tool/youtubeThumbnail/i18n/sv.ts

@@ -1,3 +1,4 @@
+import { bibliography } from '../bibliography';
 import type { WithContext, FAQPage, HowToThing, SoftwareApplication } from 'schema-dts';
 import type { ToolLocaleContent } from '../../../types';
 import type { YoutubeThumbnailUI } from '../ui';
@@ -87,23 +88,8 @@ export const content: ToolLocaleContent<YoutubeThumbnailUI> = {
   slug,
   title,
   description,
-  faqTitle: 'Vanliga frågor',
-  faq: faqData,
-  bibliographyTitle: 'Dokumentation och referenser',
-  bibliography: [
-    {
-      name: 'YouTube-hjälp: Lägg till en anpassad videominiatyr',
-      url: 'https://support.google.com/youtube/answer/72431',
-    },
-    {
-      name: 'YouTube Creator Academy: Så skapar du effektiva miniatyrer',
-      url: 'https://creatoracademy.youtube.com/',
-    },
-    {
-      name: 'Google Developers: YouTube Data API — Thumbnails',
-      url: 'https://developers.google.com/youtube/v3/docs/thumbnails',
-    },
-  ],
+    faq: faqData,
+      bibliography,
   howTo: howToData,
   schemas: [faqSchema, howToSchema, appSchema],
   seo: [

package/src/tool/youtubeThumbnail/i18n/tr.ts

@@ -1,3 +1,4 @@
+import { bibliography } from '../bibliography';
 import type { WithContext, FAQPage, HowToThing, SoftwareApplication } from 'schema-dts';
 import type { ToolLocaleContent } from '../../../types';
 import type { YoutubeThumbnailUI } from '../ui';
@@ -87,23 +88,8 @@ export const content: ToolLocaleContent<YoutubeThumbnailUI> = {
   slug,
   title,
   description,
-  faqTitle: 'Sıkça Sorulan Sorular',
-  faq: faqData,
-  bibliographyTitle: 'Dökümantasyon ve Referanslar',
-  bibliography: [
-    {
-      name: 'YouTube Yardımı: Özel video küçük resmi ekleme',
-      url: 'https://support.google.com/youtube/answer/72431',
-    },
-    {
-      name: 'YouTube Creator Academy: Etkili küçük resimler nasıl oluşturulur',
-      url: 'https://creatoracademy.youtube.com/',
-    },
-    {
-      name: 'Google Developers: YouTube Data API — Thumbnails',
-      url: 'https://developers.google.com/youtube/v3/docs/thumbnails',
-    },
-  ],
+    faq: faqData,
+      bibliography,
   howTo: howToData,
   schemas: [faqSchema, howToSchema, appSchema],
   seo: [

package/src/tool/youtubeThumbnail/i18n/zh.ts

@@ -1,3 +1,4 @@
+import { bibliography } from '../bibliography';
 import type { WithContext, FAQPage, HowToThing, SoftwareApplication } from 'schema-dts';
 import type { ToolLocaleContent } from '../../../types';
 import type { YoutubeThumbnailUI } from '../ui';
@@ -87,23 +88,8 @@ export const content: ToolLocaleContent<YoutubeThumbnailUI> = {
   slug,
   title,
   description,
-  faqTitle: '常见问题',
-  faq: faqData,
-  bibliographyTitle: '文档与参考资料',
-  bibliography: [
-    {
-      name: 'YouTube 帮助：添加自定义视频缩略图',
-      url: 'https://support.google.com/youtube/answer/72431',
-    },
-    {
-      name: 'YouTube 创作者学院：如何制作高效的缩略图',
-      url: 'https://creatoracademy.youtube.com/',
-    },
-    {
-      name: 'Google Developers: YouTube Data API — Thumbnails',
-      url: 'https://developers.google.com/youtube/v3/docs/thumbnails',
-    },
-  ],
+    faq: faqData,
+      bibliography,
   howTo: howToData,
   schemas: [faqSchema, howToSchema, appSchema],
   seo: [

package/src/tool/youtubeThumbnail/seo.astro

@@ -11,4 +11,5 @@ const { locale = 'es' } = Astro.props;
 const content = await youtubeThumbnail.i18n[locale]?.();
 if (!content) return null;
 ---
-<SEORenderer content={{ locale: locale as string, sections: content.seo }} />
+
+{content.seo?.length > 0 && <SEORenderer content={{ locale, sections: content.seo }} />}

package/src/tool/youtubeThumbnail/youtube-thumbnail-extractor.css

@@ -22,7 +22,7 @@
     gap: 2rem;
   }
 
-  :global(.theme-dark) .ytx-root {
+  .theme-dark .ytx-root {
     --bg: #0f172a;
     --bg-muted: #020617;
     --bg-img: #1e293b;

package/src/tool/youtubeThumbnailPreviewer/bibliography.astro

@@ -1,14 +1,6 @@
 ---
 import { Bibliography as SharedBibliography } from '@jjlmoya/utils-shared';
-import { youtubeThumbnailPreviewer } from './index';
-import type { KnownLocale } from '../../types';
-
-interface Props {
-  locale?: KnownLocale;
-}
-
-const { locale = 'es' } = Astro.props;
-const content = await youtubeThumbnailPreviewer.i18n[locale]?.();
+import { bibliography } from './bibliography';
 ---
 
-{content && <SharedBibliography links={content.bibliography} />}
+<SharedBibliography links={bibliography} />

package/src/tool/youtubeThumbnailPreviewer/bibliography.ts

@@ -0,0 +1,16 @@
+import type { BibliographyEntry } from '../../types';
+
+export const bibliography: BibliographyEntry[] = [
+  {
+    name: 'YouTube Help: Create custom video thumbnails',
+    url: 'https://support.google.com/youtube/answer/141805',
+  },
+  {
+    name: 'Nielsen Norman Group: Visual Processing and UX Design',
+    url: 'https://www.nngroup.com/articles/visual-processing/',
+  },
+  {
+    name: 'Derral Eves: The YouTube Formula (Thumbnail Strategy)',
+    url: 'https://derraleves.com/the-youtube-formula/',
+  },
+];