create-mettle-app 1.9.5 → 1.9.9

package/package.json

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

package/template-mettle/package.json

@@ -9,7 +9,7 @@
   },
   "devDependencies": {
     "vite": "^6.1.0",
-    "vite-plugin-mettle": "^1.8.1"
+    "vite-plugin-mettle": "^1.9.0"
   },
   "dependencies": {
     "mettle": "^1.8.3"

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

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

package/template-mettle-apps/package.json

@@ -9,7 +9,7 @@
   },
   "devDependencies": {
     "vite": "^6.1.0",
-    "vite-plugin-mettle": "^1.8.1"
+    "vite-plugin-mettle": "^1.9.0"
   },
   "dependencies": {
     "mettle": "^1.8.3",

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

@@ -1,8 +1,7 @@
-import { signal } from 'mettle';
 import { linkTo } from 'mettle-router';
 
 export default function Home() {
-  const msg = signal('hello');
+  let msg = $signal('hello');
 
   function goAbout() {
     linkTo({
@@ -15,14 +14,14 @@ export default function Home() {
   }
 
   function useChange() {
-    msg.value = 'world';
+    msg = 'world';
   }
 
   return (
     <>
       <button onClick={goAbout}>goAbout</button>
       <h1>Home</h1>
-      <p onClick={useChange}>{msg.value}</p>
+      <p onClick={useChange}>{msg}</p>
     </>
   );
 }

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

@@ -10,7 +10,7 @@
   "devDependencies": {
     "typescript": "~5.7.2",
     "vite": "^6.1.0",
-    "vite-plugin-mettle": "^1.8.1"
+    "vite-plugin-mettle": "^1.9.0"
   },
   "dependencies": {
     "mettle": "^1.8.3",

package/template-mettle-apps-ts/src/mettle-macros.d.ts

@@ -0,0 +1,2 @@
+declare function $signal<T>(value: T): import('mettle').Signal<T>;
+declare function $signal<T = undefined>(): import('mettle').Signal<T | undefined>;

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

@@ -1,8 +1,7 @@
-import { signal } from 'mettle';
 import { linkTo } from 'mettle-router';
 
 export default function Home() {
-  const msg = signal('hello');
+  let msg = $signal('hello');
 
   function goAbout() {
     linkTo({
@@ -15,14 +14,14 @@ export default function Home() {
   }
 
   function useChange() {
-    msg.value = 'world';
+    msg = 'world';
   }
 
   return (
     <>
       <button onClick={goAbout}>goAbout</button>
       <h1>Home</h1>
-      <p onClick={useChange}>{msg.value}</p>
+      <p onClick={useChange}>{msg}</p>
     </>
   );
 }

package/template-mettle-ts/package.json

@@ -10,7 +10,7 @@
   "devDependencies": {
     "typescript": "~5.7.2",
     "vite": "^6.1.0",
-    "vite-plugin-mettle": "^1.8.1"
+    "vite-plugin-mettle": "^1.9.0"
   },
   "dependencies": {
     "mettle": "^1.8.3"

package/template-mettle-ts/src/mettle-macros.d.ts

@@ -0,0 +1,2 @@
+declare function $signal<T>(value: T): import('mettle').Signal<T>;
+declare function $signal<T = undefined>(): import('mettle').Signal<T | undefined>;

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

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