Links visited styles and fixes (#1)

Co-authored-by: Juan Manzanero <59628111+juancmandev@users.noreply.github.com>
Reviewed-on: https://git.juancman.dev/juancmandev/website/pulls/1
Co-authored-by: juancmandev <juancmandev@protonmail.com>
Co-committed-by: juancmandev <juancmandev@protonmail.com>

package.json

@@ -11,17 +11,17 @@
   },
   "dependencies": {
     "@astrojs/check": "^0.9.4",
-    "@astrojs/mdx": "^4.0.8",
+    "@astrojs/mdx": "^4.1.0",
-    "@astrojs/react": "^4.2.0",
+    "@astrojs/react": "^4.2.1",
     "@astrojs/rss": "^4.0.11",
     "@astrojs/sitemap": "^3.2.1",
     "@astrojs/tailwind": "^5.1.5",
     "@playform/inline": "^0.1.1",
-    "@radix-ui/react-slot": "^1.1.1",
+    "@radix-ui/react-slot": "^1.1.2",
     "@tailwindcss/typography": "^0.5.16",
     "@types/react": "^18.3.18",
     "@types/react-dom": "^18.3.5",
-    "astro": "^5.2.3",
+    "astro": "^5.4.2",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "fast-glob": "^3.3.3",
@@ -38,11 +38,17 @@
     "tailwind-merge": "^2.6.0",
     "tailwindcss": "^3.4.17",
     "tailwindcss-animate": "^1.0.7",
-    "typescript": "^5.7.3"
+    "typescript": "^5.8.2"
   },
   "devDependencies": {
     "@types/markdown-it": "^14.1.2",
     "@types/sanitize-html": "^2.13.0",
     "pocketbase": "^0.21.5"
+  },
+  "pnpm": {
+    "ignoredBuiltDependencies": [
+      "esbuild",
+      "sharp"
+    ]
   }
 }

src/components/mdx/custom-anchor.tsx

@@ -11,7 +11,7 @@ export default function CustomAnchor(props: TAnchor) {
   ) : (
     <a
       {...props}
-      className='inline-flex outline-ring'
+      className='inline-flex outline-ring visited:text-purple-600'
       target='_blank'
     />
   );

src/components/post-item.tsx

@@ -15,7 +15,7 @@ export default function PostItem(props: Props) {
       asChild
       size={null}
       variant='link'
-      className='px-4 whitespace-normal py-2 hover:no-underline focus:no-underline flex flex-col items-start italic border border-secondary hover:border-foreground focus:border-foreground transition-colors rounded-md'
+      className='group hover:no-underline focus:no-underline text-foreground visited:text-purple-600 px-4 whitespace-normal py-2 flex flex-col items-start italic border border-secondary hover:border-foreground focus:border-foreground transition-colors rounded-md'
     >
       <a
         className='no-underline'
@@ -25,10 +25,10 @@ export default function PostItem(props: Props) {
             : `/es/${props.type}/${[props.id]}`
         }
       >
-        <span className='text-sm font-light no-underline'>
+        <span className='text-foreground text-sm font-light no-underline'>
           {formatDate(props.date, props.lang)}
         </span>
-        <span className='text-primary text-underline text-lg font-semibold underline'>
+        <span className='text-lg font-semibold group-hover:underline group-focus:underline'>
           {props.title}
         </span>
       </a>

src/pages/microblog.astro

@@ -3,7 +3,7 @@ import MicroblogItem from '@/components/microblog-item.astro';
 import Layout from '@/layouts/Layout.astro';
 import { createServerClient } from '@/utils/pocketbase';
 
-const pb = createServerClient(import.meta.env.SECRET_POCKETBASE_API_URL);
+const pb = createServerClient('https://juancman.dev/pb');
 const data = await pb.collection('microblogs').getFullList({
   expand: 'tags',
   sort: '-published',