From 770475136766dce3b41b1025e663239ec8299ae5 Mon Sep 17 00:00:00 2001
From: Patrick Alvin Alcala <patrick_alv@yahoo.com>
Date: Thu, 4 Sep 2025 09:22:31 +0800
Subject: [PATCH 1/2] Enabled prefetching of pages

---
 astro.config.mjs                 | 1 +
 fwt/components/Button/Button.tsx | 4 ++--
 fwt/components/Link/Link.tsx     | 4 +++-
 3 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/astro.config.mjs b/astro.config.mjs
index 3843575..4ae39cf 100644
--- a/astro.config.mjs
+++ b/astro.config.mjs
@@ -5,6 +5,7 @@ import compressor from 'astro-compressor'
 import robotsTxt from '@itsmatteomanf/astro-robots-txt'
 
 export default defineConfig({
+  prefetch: true,
   integrations: [solidJs(), compressor({ gzip: false, brotli: true }), robotsTxt()],
   vite: {
     css: {
diff --git a/fwt/components/Button/Button.tsx b/fwt/components/Button/Button.tsx
index 5238044..2de125f 100644
--- a/fwt/components/Button/Button.tsx
+++ b/fwt/components/Button/Button.tsx
@@ -31,14 +31,14 @@ export default (props: Props) => {
       <Show when={props.to}>
         <Switch>
           <Match when={props.design}>
-            <a href={props.to} aria-label={props.label}>
+            <a href={props.to} aria-label={props.label} data-astro-prefetch>
               <button class={props.design} style={borderRadius}>
                 {props.label || 'Click Me!'}
               </button>
             </a>
           </Match>
           <Match when={!props.design}>
-            <a href={props.to} aria-label={props.label}>
+            <a href={props.to} aria-label={props.label} data-astro-prefetch>
               <button class="button" style={borderRadius}>
                 {props.label || 'Click Me!'}
               </button>
diff --git a/fwt/components/Link/Link.tsx b/fwt/components/Link/Link.tsx
index 4ccf49f..acbd0b9 100644
--- a/fwt/components/Link/Link.tsx
+++ b/fwt/components/Link/Link.tsx
@@ -1,3 +1,5 @@
+// import { prefetch } from 'astro:prefetch'
+
 interface Props {
   to: string
   children?: any
@@ -6,7 +8,7 @@ interface Props {
 export default (props: Props) => {
   return (
     <>
-      <a href={props.to} aria-label={`Go to ${props.to}`}>
+      <a href={props.to} aria-label={`Go to ${props.to}`} data-astro-prefetch>
         {props.children}
       </a>
     </>

From f5a0bbad6a3127343decdb8b57985a1c19949158 Mon Sep 17 00:00:00 2001
From: Patrick Alvin Alcala <patrick_alv@yahoo.com>
Date: Thu, 4 Sep 2025 09:22:43 +0800
Subject: [PATCH 2/2] Fix class name

---
 src/pages/next.astro | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/pages/next.astro b/src/pages/next.astro
index 0b7fcd4..e762fa1 100644
--- a/src/pages/next.astro
+++ b/src/pages/next.astro
@@ -15,7 +15,7 @@ import Column from '../../fwt/components/Column/Column'
     <h1>FWT Components</h1>
     <Button edges="rounded" label="Back to Home" to="/" />
 
-    <section class="image">
+    <section class="images">
       <Row content="center" gap={1}>
         <Image avif={sample1.src} webp={sample2.src} alt="Example Image" size={400} />
         <Image avif={sample1.src} webp={sample2.src} alt="Example Image" size={400} />
@@ -36,7 +36,7 @@ import Column from '../../fwt/components/Column/Column'
     margin: 2rem
     height: auto
 
-  .image
+  .images
     margin: 4rem 0 0 0
     border-radius: 4px
     width: 100%