Fix issues in Solid.js template (signal accessor not called, React-st… (#206)

Fix issues in Solid.js template (signal accessor not called, React-style loop instead of Solid <For>)

Co-authored-by: RyotaUshio <[email protected]>

Author: jherr

frameworks/solid/add-ons/start/assets/src/routes/demo.start.server-funcs.tsx

@@ -42,7 +42,7 @@ function Home() {
         }}
         class="bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded"
       >
-        Add 1 to {state}?
+        Add 1 to {state()}?
       </button>
     </div>
   )

frameworks/solid/add-ons/start/assets/src/routes/index.tsx.ejs

@@ -1,4 +1,5 @@
 import { createFileRoute } from "@tanstack/solid-router";
+import { For } from "solid-js"
 <% if (!tailwind) { %>
 import logo from "../logo.svg";
 import "../App.css";
@@ -97,16 +98,17 @@ return (
 
   <section class="py-16 px-6 max-w-7xl mx-auto">
     <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
-      {features.map((feature, index) => (
-      <div
-        key="{index}"
+      <For each={features}>
+        {(feature) => (
+        <div
         class="bg-slate-800/50 backdrop-blur-sm border border-slate-700 rounded-xl p-6 hover:border-cyan-500/50 transition-all duration-300 hover:shadow-lg hover:shadow-cyan-500/10"
       >
         <div class="mb-4">{feature.icon}</div>
         <h3 class="text-xl font-semibold text-white mb-3">{feature.title}</h3>
         <p class="text-gray-400 leading-relaxed">{feature.description}</p>
       </div>
-      ))}
+      )}
+      </For>
     </div>
   </section>
 </div>