create-mettle-app 1.7.0 → 1.7.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-mettle-app",
-  "version": "1.7.0",
+  "version": "1.7.2",
   "license": "MIT",
   "author": "maomincoding",
   "bin": {

package/template-mettle/package.json

@@ -9,8 +9,8 @@
   },
   "devDependencies": {
     "vite": "^6.1.0",
-    "vite-plugin-mettle": "^1.7.0",
-    "mettle-jsx-runtime": "^1.0.0"
+    "vite-plugin-mettle": "^1.7.1",
+    "mettle-jsx-runtime": "^1.1.0"
   },
   "dependencies": {
     "mettle": "^1.7.0"

package/template-mettle/src/components/list.jsx

@@ -24,17 +24,17 @@ export default function List() {
   }
 
   return (
-    <fragment>
+    <>
       <div class={style.listInner}>
         <button onClick={useUnshift}>Unshift</button>
         <button onClick={usePush}>Push</button>
         <button onClick={useDel}>Del</button>
       </div>
       <ul class={style.listInner}>
-        {arr.value.map((item) => (
+        {arr.map((item) => (
           <li key={item}>{item}</li>
         ))}
       </ul>
-    </fragment>
+    </>
   );
 }

package/template-mettle/src/template/home.jsx

@@ -7,10 +7,10 @@ export default function Home() {
     count.value++;
   }
   return (
-    <fragment>
+    <>
       <button onClick={add}>Add</button>
       <h1>{count}</h1>
       <input value={count} />
-    </fragment>
+    </>
   );
 }

package/template-mettle-apps/package.json

@@ -9,8 +9,8 @@
   },
   "devDependencies": {
     "vite": "^6.1.0",
-    "vite-plugin-mettle": "^1.7.0",
-    "mettle-jsx-runtime": "^1.0.0"
+    "vite-plugin-mettle": "^1.7.1",
+    "mettle-jsx-runtime": "^1.1.0"
   },
   "dependencies": {
     "mettle": "^1.7.0",

package/template-mettle-apps/src/template/about.jsx

@@ -12,9 +12,9 @@ export default function About() {
   }
 
   return (
-    <fragment>
+    <>
       <button onClick={goHome}>goHome</button>
       <h1 onClick={getOption}>About</h1>
-    </fragment>
+    </>
   );
 }

package/template-mettle-apps/src/template/home.jsx

@@ -29,11 +29,11 @@ export default function Home() {
   const list = computed(() => arr.value.map((item) => <li key={item}>{item}</li>));
 
   return (
-    <fragment>
+    <>
       <button onClick={goAbout}>goAbout</button>
       <h1>Home</h1>
       <p onClick={useChange}>{msg}</p>
       <ul>{list}</ul>
-    </fragment>
+    </>
   );
 }

package/template-mettle-apps-ts/package.json

@@ -10,8 +10,8 @@
   "devDependencies": {
     "typescript": "~5.7.2",
     "vite": "^6.1.0",
-    "vite-plugin-mettle": "^1.7.0",
-    "mettle-jsx-runtime": "^1.0.0"
+    "vite-plugin-mettle": "^1.7.1",
+    "mettle-jsx-runtime": "^1.1.0"
   },
   "dependencies": {
     "mettle": "^1.7.0",

package/template-mettle-apps-ts/src/template/about.tsx

@@ -12,9 +12,9 @@ export default function About() {
   }
 
   return (
-    <fragment>
+    <>
       <button onClick={goHome}>goHome</button>
       <h1 onClick={getOption}>About</h1>
-    </fragment>
+    </>
   );
 }

package/template-mettle-apps-ts/src/template/home.tsx

@@ -29,11 +29,11 @@ export default function Home() {
   const list = computed(() => arr.value.map((item: any) => <li key={item}>{item}</li>));
 
   return (
-    <fragment>
+    <>
       <button onClick={goAbout}>goAbout</button>
       <h1>Home</h1>
       <p onClick={useChange}>{msg}</p>
       <ul>{list}</ul>
-    </fragment>
+    </>
   );
 }

package/template-mettle-ts/package.json

@@ -10,8 +10,8 @@
   "devDependencies": {
     "typescript": "~5.7.2",
     "vite": "^6.1.0",
-    "vite-plugin-mettle": "^1.7.0",
-    "mettle-jsx-runtime": "^1.0.0"
+    "vite-plugin-mettle": "^1.7.1",
+    "mettle-jsx-runtime": "^1.1.0"
   },
   "dependencies": {
     "mettle": "^1.7.0"

package/template-mettle-ts/src/components/list.tsx

@@ -24,7 +24,7 @@ export default function List() {
   }
 
   return (
-    <fragment>
+    <>
       <div class={style.listInner}>
         <button onClick={useUnshift}>Unshift</button>
         <button onClick={usePush}>Push</button>
@@ -35,6 +35,6 @@ export default function List() {
           <li key={item}>{item}</li>
         ))}
       </ul>
-    </fragment>
+    </>
   );
 }

package/template-mettle-ts/src/template/home.tsx

@@ -1,16 +1,16 @@
 import { signal } from 'mettle';
 
 export default function Home() {
-  const count: number = signal(0);
+  const count: any = signal(0);
 
   function add() {
     count.value++;
   }
   return (
-    <fragment>
+    <>
       <button onClick={add}>Add</button>
       <h1>{count}</h1>
       <input value={count} />
-    </fragment>
+    </>
   );
 }