Enabled prefetching of pages

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