docs: add faq page

docs/.vitepress/config.mts

@@ -53,6 +53,7 @@ j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
         ]
       },
       { text: "Troubleshooting", link: "/troubleshooting" },
+      { text: "FAQ", link: "/faq" },
     ],
 
     socialLinks: [
@@ -120,6 +121,7 @@ j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
             ]
           },
           { text: "トラブルシューティング", link: "/ja/troubleshooting" },
+          { text: "よくある質問", link: "/ja/faq" },
         ],
       }
     },
@@ -141,6 +143,7 @@ j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
             ]
           },
           { text: "Risoluzione dei problemi", link: "/it/troubleshooting" },
+          { text: "FAQ", link: "/it/faq" },
         ],
       }
     },
@@ -162,6 +165,7 @@ j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
             ]
           },
           { text: "故障排除指南", link: "/zh/troubleshooting" },
+          { text: "常见问题", link: "/zh/faq" },
         ],
       }
     },
@@ -183,6 +187,7 @@ j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
             ]
           },
           { text: "Résolution des problèmes", link: "/fr/troubleshooting" },
+          { text: "FAQ", link: "/fr/faq" },
         ],
       }
     },
@@ -204,6 +209,7 @@ j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
             ]
           },
           { text: "Guia de Solução de Problemas", link: "/pt/troubleshooting" },
+          { text: "FAQ", link: "/pt/faq" },
         ],
       }
     },
@@ -225,6 +231,7 @@ j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
             ]
           },
           { text: "Guía de solución de problemas", link: "/es/troubleshooting" },
+          { text: "FAQ", link: "/es/faq" },
         ],
       }
     },
@@ -246,6 +253,7 @@ j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
             ]
           },
           { text: "문제 해결", link: "/ko/troubleshooting" },
+          { text: "자주 묻는 질문", link: "/ko/faq" },
         ],
       }
     },
@@ -267,6 +275,7 @@ j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
             ]
           },
           { text: "Fehlerbehebung", link: "/de/troubleshooting" },
+          { text: "FAQ", link: "/de/faq" },
         ],
       }
     }

docs/.vitepress/theme/components/EmbedPosts/LoadCDNScript.vue

@@ -0,0 +1,15 @@
+<template>
+  <slot />
+</template>
+
+
+<script setup lang="ts">
+import { onMounted } from 'vue'
+
+onMounted(() => {
+  const script = document.createElement('script');
+  script.src = "https://embed.bsky.app/static/embed.js";
+  script.async = true;
+  document.body.appendChild(script);
+})
+</script>

docs/.vitepress/theme/components/EmbedPosts/SpamSite.vue

@@ -0,0 +1,26 @@
+<template>
+  <LoadCDNScript>
+    <blockquote class="bluesky-embed"
+      data-bluesky-uri="at://did:plc:hcp53er6pefwijpdceo5x4bp/app.bsky.feed.post/3lcicsmfskc2b"
+      data-bluesky-cid="bafyreihxvzoheoi2xg5gatwjmlqeblwfkfqv24im4h5jgdsddwhhiggyoe">
+      <p lang="en">Hi, I’m the developer of Sky Follower Bridge👋
+
+        Recently, a company that once impersonated my tool&#x27;s site to redirect users to ads released a paid tool
+        with
+        the same name as my tool. I’d like to share my thoughts on this.
+
+        It&#x27;s a bit long, but I&#x27;d appreciate your time.
+
+        🧵 (1/5)<br><br><a
+          href="https://bsky.app/profile/did:plc:hcp53er6pefwijpdceo5x4bp/post/3lcicsmfskc2b?ref_src=embed">[image or
+          embed]</a></p>&mdash; Kawamata Ryo (<a
+        href="https://bsky.app/profile/did:plc:hcp53er6pefwijpdceo5x4bp?ref_src=embed">@kawamataryo.bsky.social</a>) <a
+        href="https://bsky.app/profile/did:plc:hcp53er6pefwijpdceo5x4bp/post/3lcicsmfskc2b?ref_src=embed">Dec 4, 2024 at
+        10:59 PM</a>
+    </blockquote>
+  </LoadCDNScript>
+</template>
+
+<script setup lang="ts">
+import LoadCDNScript from './LoadCDNScript.vue';
+</script>

docs/.vitepress/theme/components/Voices.vue

@@ -241,7 +241,7 @@ const voices: Voice[] = [
   border-top: none;
 }
 
-::v-deep .highlight-word {
+:deep(.highlight-word) {
   color: var(--vp-c-brand-1);
   font-weight: 600;
 }

docs/.vitepress/theme/index.mts

@@ -2,6 +2,7 @@ import DefaultTheme from 'vitepress/theme'
 import './custom.css'
 import Voices from './components/Voices.vue'
 import AppDemo from './components/AppDemo.vue'
+import SpamSiteEmbed from './components/EmbedPosts/SpamSite.vue'
 import MyLayout from './MyLayout.vue'
 
 /** @type {import('vitepress').Theme} */
@@ -11,5 +12,6 @@ export default {
   enhanceApp({ app }) {
     app.component('Voices', Voices)
     app.component('AppDemo', AppDemo)
+    app.component('SpamSiteEmbed', SpamSiteEmbed)
   }
 }

docs/de/faq.md

@@ -0,0 +1,37 @@
+# FAQ
+
+Häufig gestellte Fragen zu Sky Follower Bridge. Wenn Sie weitere Fragen haben, kontaktieren Sie bitte [@sky-follower-bridge.dev](https://bsky.app/profile/sky-follower-bridge.dev).
+
+## Warum wurde es erstellt?
+
+Als der [Entwickler](https://bsky.app/profile/kawamataryo.bsky.social) zu Bluesky migrierte, war das Finden von X-Verbindungen auf Bluesky eine mühsame Aufgabe. Um diesen Prozess zu automatisieren, wurde Sky Follower Bridge erstellt.
+
+## Welche Kriterien werden zur Erkennung ähnlicher Benutzer verwendet?
+
+Sky Follower Bridge erkennt Benutzer, die eines der folgenden Kriterien erfüllen:
+
+- **Gleicher Benutzername**
+- **Gleicher Anzeigename**
+- **X-Bio enthält Bluesky-Handle oder Profillink**
+
+Detaillierte Kriterien finden Sie in [diesem Code](https://github.com/kawamataryo/sky-follower-bridge/blob/main/src/lib/bskyHelpers.ts).
+
+::: tip
+Wenn Sie möchten, dass Sky Follower Bridge Sie zuverlässig erkennt, empfehlen wir, denselben Anzeigenamen auf X und Bluesky zu verwenden und Ihren Bluesky-Profillink in Ihrer X-Bio einzufügen.
+:::
+
+## Kann man es nicht auf mobilen Geräten nutzen?
+
+Da es sich um eine PC-Browser-Erweiterung handelt, kann sie nicht auf mobilen Geräten verwendet werden. Wir erwägen, in Zukunft eine Web-Version zu erstellen, die auf mobilen Geräten genutzt werden kann.
+
+## Wie kann ich das Projekt unterstützen?
+
+Wir würden uns über Ihre Unterstützung über den folgenden Link freuen. Es hilft, die Entwicklung zu motivieren.
+
+- [ko-fi](https://ko-fi.com/kawamataryou)
+
+## Wie ist die Beziehung zu skyfollowerbridge.com?
+
+<a href="skyfollowerbridge.com" target="_blank" rel="noopener noreferrer nofollow">skyfollowerbridge.com</a> hat keine Verbindung zu Sky Follower Bridge. skyfollowerbridge.com gab sich zuvor als offizielle Website von Sky Follower Bridge aus und verteilte schädliche Werbung. Bitte seien Sie vorsichtig. Details zu diesem Vorfall finden Sie im Bluesky-Thread unten.
+
+<SpamSiteEmbed /> 

docs/en/faq.md

@@ -0,0 +1,37 @@
+# FAQ
+
+Frequently asked questions about Sky Follower Bridge. If you have any other questions, feel free to contact [@sky-follower-bridge.dev](https://bsky.app/profile/sky-follower-bridge.dev).
+
+## Why was it created?
+
+When the [developer](https://bsky.app/profile/kawamataryo.bsky.social) migrated to Bluesky, finding X connections on Bluesky was a tedious task. To automate this process, Sky Follower Bridge was created.
+
+## What criteria are used to detect similar users?
+
+Sky Follower Bridge detects users who meet any of the following criteria:
+
+- **Same handle name**
+- **Same display name**
+- **X bio contains Bluesky handle or profile link**
+
+For detailed criteria, please check [this code](https://github.com/kawamataryo/sky-follower-bridge/blob/main/src/lib/bskyHelpers.ts).
+
+::: tip
+If you want Sky Follower Bridge to detect you reliably, we recommend using the same display name on X and Bluesky, and including your Bluesky profile link in your X bio.
+:::
+
+## Can't use it on mobile devices?
+
+As it's a PC browser extension, it cannot be used on mobile devices. We are considering creating a web version that can be used on mobile devices in the future.
+
+## How can I support the project?
+
+We would appreciate your support through the following link. It helps motivate development.
+
+- [ko-fi](https://ko-fi.com/kawamataryou)
+
+## What's the relationship with skyfollowerbridge.com?
+
+<a href="skyfollowerbridge.com" target="_blank" rel="noopener noreferrer nofollow">skyfollowerbridge.com</a> has no connection with Sky Follower Bridge. skyfollowerbridge.com previously impersonated Sky Follower Bridge's official site and distributed harmful advertisements. Please be cautious. Details about this incident are available in the Bluesky thread below.
+
+<SpamSiteEmbed /> 

docs/es/faq.md

@@ -0,0 +1,37 @@
+# FAQ
+
+Preguntas frecuentes sobre Sky Follower Bridge. Si tienes otras preguntas, no dudes en contactar con [@sky-follower-bridge.dev](https://bsky.app/profile/sky-follower-bridge.dev).
+
+## ¿Por qué se creó?
+
+Cuando el [desarrollador](https://bsky.app/profile/kawamataryo.bsky.social) migró a Bluesky, encontrar conexiones de X en Bluesky era una tarea tediosa. Para automatizar este proceso, se creó Sky Follower Bridge.
+
+## ¿Qué criterios se utilizan para detectar usuarios similares?
+
+Sky Follower Bridge detecta usuarios que cumplen cualquiera de los siguientes criterios:
+
+- **Mismo nombre de usuario**
+- **Mismo nombre de visualización**
+- **La biografía de X contiene el identificador o enlace del perfil de Bluesky**
+
+Para criterios detallados, consulta [este código](https://github.com/kawamataryo/sky-follower-bridge/blob/main/src/lib/bskyHelpers.ts).
+
+::: tip
+Si deseas que Sky Follower Bridge te detecte de manera confiable, recomendamos usar el mismo nombre de visualización en X y Bluesky, e incluir tu enlace de perfil de Bluesky en tu biografía de X.
+:::
+
+## ¿No se puede usar en dispositivos móviles?
+
+Al ser una extensión de navegador para PC, no se puede usar en dispositivos móviles. Estamos considerando crear una versión web que se pueda usar en dispositivos móviles en el futuro.
+
+## ¿Cómo puedo apoyar el proyecto?
+
+Agradeceríamos tu apoyo a través del siguiente enlace. Ayuda a motivar el desarrollo.
+
+- [ko-fi](https://ko-fi.com/kawamataryou)
+
+## ¿Cuál es la relación con skyfollowerbridge.com?
+
+<a href="skyfollowerbridge.com" target="_blank" rel="noopener noreferrer nofollow">skyfollowerbridge.com</a> no tiene ninguna conexión con Sky Follower Bridge. skyfollowerbridge.com anteriormente se hizo pasar por el sitio oficial de Sky Follower Bridge y distribuyó anuncios dañinos. Por favor, ten precaución. Los detalles sobre este incidente están disponibles en el hilo de Bluesky a continuación.
+
+<SpamSiteEmbed /> 

docs/faq.md

@@ -0,0 +1,37 @@
+# FAQ
+
+Frequently asked questions about Sky Follower Bridge. If you have any other questions, feel free to contact [@sky-follower-bridge.dev](https://bsky.app/profile/sky-follower-bridge.dev).
+
+## Why was it created?
+
+When the [developer](https://bsky.app/profile/kawamataryo.bsky.social) migrated to Bluesky, finding X connections on Bluesky was a tedious task. To automate this process, Sky Follower Bridge was created.
+
+## What criteria are used to detect similar users?
+
+Sky Follower Bridge detects users who meet any of the following criteria:
+
+- **Same handle name**
+- **Same display name**
+- **X bio contains Bluesky handle or profile link**
+
+For detailed criteria, please check [this code](https://github.com/kawamataryo/sky-follower-bridge/blob/main/src/lib/bskyHelpers.ts).
+
+::: tip
+If you want Sky Follower Bridge to detect you reliably, we recommend using the same display name on X and Bluesky, and including your Bluesky profile link in your X bio.
+:::
+
+## Can't use it on mobile devices?
+
+As it's a PC browser extension, it cannot be used on mobile devices. We are considering creating a web version that can be used on mobile devices in the future.
+
+## How can I support the project?
+
+We would appreciate your support through the following link. It helps motivate development.
+
+- [ko-fi](https://ko-fi.com/kawamataryou)
+
+## What's the relationship with skyfollowerbridge.com?
+
+<a href="skyfollowerbridge.com" target="_blank" rel="noopener noreferrer nofollow">skyfollowerbridge.com</a> has no connection with Sky Follower Bridge. skyfollowerbridge.com previously impersonated Sky Follower Bridge's official site and distributed harmful advertisements. Please be cautious. Details about this incident are available in the Bluesky thread below.
+
+<SpamSiteEmbed /> 

docs/fr/faq.md

@@ -0,0 +1,37 @@
+# FAQ
+
+Questions fréquemment posées sur Sky Follower Bridge. Si vous avez d'autres questions, n'hésitez pas à contacter [@sky-follower-bridge.dev](https://bsky.app/profile/sky-follower-bridge.dev).
+
+## Pourquoi a-t-il été créé ?
+
+Lorsque le [développeur](https://bsky.app/profile/kawamataryo.bsky.social) a migré vers Bluesky, trouver des connexions X sur Bluesky était une tâche fastidieuse. Pour automatiser ce processus, Sky Follower Bridge a été créé.
+
+## Quels critères sont utilisés pour détecter des utilisateurs similaires ?
+
+Sky Follower Bridge détecte les utilisateurs qui répondent à l'un des critères suivants :
+
+- **Même nom d'utilisateur**
+- **Même nom d'affichage**
+- **La bio X contient l'identifiant ou le lien du profil Bluesky**
+
+Pour les critères détaillés, consultez [ce code](https://github.com/kawamataryo/sky-follower-bridge/blob/main/src/lib/bskyHelpers.ts).
+
+::: tip
+Si vous souhaitez que Sky Follower Bridge vous détecte de manière fiable, nous vous recommandons d'utiliser le même nom d'affichage sur X et Bluesky, et d'inclure votre lien de profil Bluesky dans votre bio X.
+:::
+
+## Impossible de l'utiliser sur les appareils mobiles ?
+
+Comme il s'agit d'une extension de navigateur PC, elle ne peut pas être utilisée sur les appareils mobiles. Nous envisageons de créer une version web qui pourra être utilisée sur les appareils mobiles à l'avenir.
+
+## Comment puis-je soutenir le projet ?
+
+Nous apprécierions votre soutien via le lien suivant. Cela aide à motiver le développement.
+
+- [ko-fi](https://ko-fi.com/kawamataryou)
+
+## Quelle est la relation avec skyfollowerbridge.com ?
+
+<a href="skyfollowerbridge.com" target="_blank" rel="noopener noreferrer nofollow">skyfollowerbridge.com</a> n'a aucun lien avec Sky Follower Bridge. skyfollowerbridge.com s'est auparavant fait passer pour le site officiel de Sky Follower Bridge et a distribué des publicités nuisibles. Veuillez être prudent. Les détails sur cet incident sont disponibles dans le fil Bluesky ci-dessous.
+
+<SpamSiteEmbed /> 

docs/it/faq.md

@@ -0,0 +1,37 @@
+# FAQ
+
+Domande frequenti su Sky Follower Bridge. Se hai altre domande, non esitare a contattare [@sky-follower-bridge.dev](https://bsky.app/profile/sky-follower-bridge.dev).
+
+## Perché è stato creato?
+
+Quando lo [sviluppatore](https://bsky.app/profile/kawamataryo.bsky.social) è migrato a Bluesky, trovare le connessioni X su Bluesky era un compito noioso. Per automatizzare questo processo, è stato creato Sky Follower Bridge.
+
+## Quali criteri vengono utilizzati per rilevare utenti simili?
+
+Sky Follower Bridge rileva gli utenti che soddisfano uno dei seguenti criteri:
+
+- **Stesso nome utente**
+- **Stesso nome visualizzato**
+- **La bio di X contiene l'handle o il link del profilo Bluesky**
+
+Per i criteri dettagliati, controlla [questo codice](https://github.com/kawamataryo/sky-follower-bridge/blob/main/src/lib/bskyHelpers.ts).
+
+::: tip
+Se vuoi che Sky Follower Bridge ti rilevi in modo affidabile, ti consigliamo di utilizzare lo stesso nome visualizzato su X e Bluesky e di includere il link del tuo profilo Bluesky nella tua bio di X.
+:::
+
+## Non si può usare su dispositivi mobili?
+
+Essendo un'estensione per browser PC, non può essere utilizzata su dispositivi mobili. Stiamo considerando di creare una versione web che possa essere utilizzata su dispositivi mobili in futuro.
+
+## Come posso supportare il progetto?
+
+Apprezzeremmo il tuo supporto attraverso il seguente link. Aiuta a motivare lo sviluppo.
+
+- [ko-fi](https://ko-fi.com/kawamataryou)
+
+## Qual è il rapporto con skyfollowerbridge.com?
+
+<a href="skyfollowerbridge.com" target="_blank" rel="noopener noreferrer nofollow">skyfollowerbridge.com</a> non ha alcuna connessione con Sky Follower Bridge. skyfollowerbridge.com in precedenza si è spacciato per il sito ufficiale di Sky Follower Bridge e ha distribuito pubblicità dannose. Si prega di fare attenzione. I dettagli su questo incidente sono disponibili nel thread Bluesky qui sotto.
+
+<SpamSiteEmbed />