astro.config.mjs

@@ -11,7 +11,4 @@ export default defineConfig({
       transformer: 'lightningcss',
     },
   },
-  build: {
-    assets: '_fwt',
-  },
 })

fwt/components/HTML/HTML.tsx

@@ -1,11 +1,10 @@
 import './HTML.sass'
-import type { JSXElement } from 'solid-js'
 
 interface Props {
   title: string
   name: string
   description: string
-  children: JSXElement
+  children: HTMLElement
   font?: string
 }
 

src/pages/index.astro

@@ -21,7 +21,7 @@ import PA2 from '../../fwt/images/pat-alcala.webp'
     </Link>
 
     <h1>Fast WebApp Template</h1>
-    <Counter client:idle />
+    <Counter client:load />
     <Button edges="rounded" label="FWT Components" to="/next" />
 
     <Footer>

src/pages/next.astro

@@ -16,6 +16,7 @@ import Column from '../../fwt/components/Column/Column'
     <Button edges="rounded" label="Back to Home" to="/" />
 
     <section class="image">
+      <!-- <OptimizeImage src="batman.png" size={400} /> -->
       <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} />