fix: apply PR review feedback

- Use hover:shadow-fg/5 for federated articles shadow
- Scope prose link hover to exclude no-underline links
- Add group hover for Bluesky icon (blue on card hover)
- Revert button-primary hover to original accent style
- Use separate class/v-bind for avatar shrink-0
- Fix pt-BR duplicate JSON keys from merge conflict

Author: Adebesin-Cell

app/components/BlueskyComment.vue

@@ -51,7 +51,8 @@ function getHostname(uri: string): string {
       :href="`https://bsky.app/profile/${comment.author.handle}`"
       target="_blank"
       rel="noopener noreferrer"
-      :class="['shrink-0', depth > 0 ? 'hidden sm:block' : '']"
+      class="shrink-0"
+      :class="depth > 0 ? 'hidden sm:block' : ''"
     >
       <img
         v-if="comment.author.avatar"

app/components/Link/Base.vue

@@ -101,7 +101,7 @@ const keyboardShortcutsEnabled = useKeyboardShortcuts()
       'text-xs px-2 py-0.5': isButtonSmall,
       'bg-transparent text-fg hover:(bg-fg/10 text-accent) focus-visible:(bg-fg/10 text-accent) aria-[current=true]:(bg-fg/10 text-accent border-fg/20 hover:enabled:(bg-fg/20 text-fg/50))':
         variant === 'button-secondary',
-      'text-bg bg-fg hover:(bg-fg/80 text-bg) focus-visible:(bg-fg/80 text-bg) aria-current:(bg-fg text-bg border-fg hover:enabled:(text-bg/50))':
+      'text-bg bg-fg hover:(bg-fg/50 text-accent) focus-visible:(bg-fg/50) aria-current:(bg-fg text-bg border-fg hover:enabled:(text-bg/50))':
         variant === 'button-primary',
     }"
     :to="to"

app/components/global/BlogPostFederatedArticles.vue

@@ -55,7 +55,7 @@ const federatedArticles = computed(() => {
         rel="noopener noreferrer"
         v-for="article in federatedArticles"
         :key="article.url"
-        class="grid grid-cols-[auto_1fr] gap-x-5 no-underline hover:no-underline rounded-lg border border-border p-4 transition-all hover:shadow-md hover:shadow-black/5 dark:hover:shadow-white/5 hover:border-border-hover"
+        class="grid grid-cols-[auto_1fr] gap-x-5 no-underline hover:no-underline rounded-lg border border-border p-4 transition-all hover:shadow-md hover:shadow-fg/5 hover:border-border-hover"
       >
         <AuthorAvatar v-if="article.author" :author="article.author" size="md" class="row-span-2" />
         <div class="flex flex-col">

app/components/global/BlogPostWrapper.vue

@@ -78,7 +78,7 @@ const blueskyPostUri = computed(() => blueskyLink.value?.postUri ?? null)
   @apply prose dark:prose-invert;
 }
 
-:deep(.prose a:not(.not-prose a)) {
+:deep(.prose a:not(.not-prose a):not([class*='no-underline'])) {
   text-decoration: underline;
   text-underline-offset: 0.2rem;
   text-decoration-thickness: 1px;
@@ -88,7 +88,7 @@ const blueskyPostUri = computed(() => blueskyLink.value?.postUri ?? null)
     color 0.2s;
 }
 
-:deep(.prose a:not(.not-prose a):hover) {
+:deep(.prose a:not(.not-prose a):not([class*='no-underline']):hover) {
   text-decoration-color: var(--fg);
   color: var(--fg);
 }

app/components/global/BlueskyPostEmbed.client.vue

@@ -107,11 +107,11 @@ const postUrl = computed(() => {
     :href="postUrl ?? '#'"
     target="_blank"
     rel="noopener noreferrer"
-    class="not-prose block rounded-lg border border-border bg-bg-subtle p-4 sm:p-5 no-underline hover:border-border-hover transition-colors duration-200 relative"
+    class="not-prose block rounded-lg border border-border bg-bg-subtle p-4 sm:p-5 no-underline hover:border-border-hover transition-colors duration-200 relative group"
   >
     <!-- Bluesky icon -->
     <span
-      class="i-simple-icons:bluesky w-5 h-5 text-fg-subtle absolute top-4 end-4 sm:top-5 sm:end-5"
+      class="i-simple-icons:bluesky w-5 h-5 text-fg-subtle group-hover:text-blue-500 absolute top-4 end-4 sm:top-5 sm:end-5"
       aria-hidden="true"
     />
 

i18n/locales/pt-BR.json

@@ -1347,81 +1347,5 @@
     "selection": "0 selecionados | 1 selecionado | {count} selecionados",
     "shortcut": "Pressione \"{key}\" para focar nas ações",
     "button_close_aria_label": "Fechar barra de ações"
-  },
-  "blog": {
-    "title": "Blog",
-    "meta_description": "Insights e atualizações da comunidade npmx",
-    "heading": "blog",
-    "draft_banner": "Este é um rascunho não publicado. Pode estar incompleto ou conter imprecisões.",
-    "atproto": {
-      "comments": "Comentários",
-      "could_not_load_comments": "Não foi possível carregar comentários.",
-      "like_count": "{count} curtida | {count} curtidas",
-      "like_or_reply_on_bluesky": "Curta esta postagem ou adicione seu comentário no Bluesky",
-      "likes_on_bluesky": "Curtidas no Bluesky",
-      "loading_comments": "Carregando comentários...",
-      "no_comments_yet": "Nenhum comentário ainda.",
-      "reply_count": "{count} resposta | {count} respostas",
-      "reply_on_bluesky": "Responder no Bluesky",
-      "repost_count": "{count} repostagem | {count} repostagens",
-      "updating": "Atualizando...",
-      "view_on_bluesky": "Ver no Bluesky"
-    },
-    "author": {
-      "view_profile": "Veja o perfil de {name} no Bluesky"
-    },
-    "draft_badge": "Rascunho"
-  },
-  "error": {
-    "401": "Não autorizado",
-    "404": "Página não encontrada",
-    "500": "Erro do Servidor Interno",
-    "503": "Serviço não disponível",
-    "default": "Algo deu errado"
-  },
-  "profile": {
-    "description": "Descrição",
-    "display_name": "Nome visível",
-    "invite": {
-      "compose_text": "Olá, {'@'}{handle}! Você já conferiu npmx.dev? É um navegador para o registro npm rápido, moderno e de código aberto.\nhttps://npmx.dev",
-      "message": "Parece que eles ainda não estão usando o npmx. Quer contar a eles sobre isso?",
-      "share_button": "Compartilhar no Bluesky"
-    },
-    "likes": "Curtidas",
-    "no_description": "Sem descrição",
-    "not_found": "Perfil não encontrado",
-    "not_found_message": "O perfil de {handle} não foi encontrado.",
-    "seo_description": "Perfil npmx de {handle}",
-    "seo_title": "{handle} - npmx",
-    "website": "Site",
-    "website_placeholder": "https://example.com"
-  },
-  "pds": {
-    "community": {
-      "description": "Algumas das {count} contas que já estão chamando npmx.social sua casa:",
-      "empty": "Nenhum membro da comunidade para exibir.",
-      "error": "Falha ao carregar a comunidade PDS.",
-      "loading": "Carregando comunidade PDS...",
-      "new_accounts": "...e mais {count} que são novos na atmosfera",
-      "title": "Quem está aqui",
-      "view_profile": "Veja o perfil de {handle}"
-    },
-    "join": {
-      "description": "Esteja você criando sua primeira conta na atmosfera ou migrando uma já existente, você pertence aqui. Você pode migrar sua conta atual sem perder seu controle, suas postagens ou seus seguidores.",
-      "migrate": "Migrar com PDS MOOver",
-      "title": "Junte-se à comunidade"
-    },
-    "meta_description": "O AT Protocol Personal Data Server (PDS) oficial para a comunidade npmx.",
-    "server": {
-      "infrastructure_label": "Infraestrutura:",
-      "infrastructure_value": "Hospedado em Hetzner",
-      "learn_more": "Aprenda como o npmx usa a atmosfera",
-      "location_label": "Localização:",
-      "location_value": "Nuremberga, Alemanha",
-      "privacy_label": "Privacidade:",
-      "privacy_value": "Sujeito às rigorosas leis de proteção de dados da UE",
-      "title": "Detalhes do servidor"
-    },
-    "title": "npmx.social"
   }
 }