Fix class name

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: {

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>

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>
     </>

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%