create-coralite 0.23.0 → 0.24.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-coralite",
-  "version": "0.23.0",
+  "version": "0.24.0",
   "description": "Coralite scaffolding script",
   "bin": {
     "create-coralite": "bin/index.js",

package/templates/css/package.json

@@ -3,10 +3,11 @@
   "private": true,
   "type": "module",
   "scripts": {
-    "start": "coralite-scripts dev",
+    "start": "cross-env NODE_OPTIONS=\"--experimental-vm-modules --experimental-import-meta-resolve\" coralite-scripts dev",
     "build": "coralite-scripts build"
   },
   "devDependencies": {
-    "coralite-scripts": "^0.23.0"
+    "coralite-scripts": "^0.24.0",
+    "cross-env": "^10.1.0"
   }
 }

package/templates/css/src/templates/coralite-counter.html

@@ -1,6 +1,6 @@
 <template id="coralite-counter">
   <button ref="count-button" type="button">
-      Count is 0
+    Count is 0
   </button>
 </template>
 
@@ -8,18 +8,20 @@
   import { defineComponent } from 'coralite'
 
   export default defineComponent({
-    script ({ values }, { refs }) {
-      const button = refs('count-button')
-      const step = values.step ? parseInt(values.step) : 1
-      let count = 0
-      
-      button.addEventListener('click', () => {
-        // increment the counter by the specified step value
-        count += step
+    client: {
+      script ({ values, helpers }) {
+        const button = helpers.refs('count-button')
+        const step = values.step ? parseInt(values.step) : 1
+        let count = 0
+        
+        button.addEventListener('click', () => {
+          // increment the counter by the specified step value
+          count += step
 
-        // update the button's text content to reflect the new count value
-        button.textContent = `Count is ${count}`
-      })
+          // update the button's text content to reflect the new count value
+          button.textContent = `Count is ${count}`
+        })
+      }
     }
   })
-</script>
+</script>

package/templates/scss/package.json

@@ -3,10 +3,11 @@
   "private": true,
   "type": "module",
   "scripts": {
-    "start": "coralite-scripts dev",
+    "start": "cross-env NODE_OPTIONS=\"--experimental-vm-modules --experimental-import-meta-resolve\" coralite-scripts dev",
     "build": "coralite-scripts build"
   },
   "devDependencies": {
-    "coralite-scripts": "^0.23.0"
+    "coralite-scripts": "^0.24.0",
+    "cross-env": "^10.1.0"
   }
 }

package/templates/scss/src/templates/coralite-counter.html

@@ -1,6 +1,6 @@
 <template id="coralite-counter">
   <button ref="count-button" type="button">
-      Count is 0
+    Count is 0
   </button>
 </template>
 
@@ -8,18 +8,20 @@
   import { defineComponent } from 'coralite'
 
   export default defineComponent({
-    script ({ values }, { refs }) {
-      const button = refs('count-button')
-      const step = values.step ? parseInt(values.step) : 1
-      let count = 0
-      
-      button.addEventListener('click', () => {
-        // increment the counter by the specified step value
-        count += step
+    client: {
+      script ({ values, helpers }) {
+        const button = refs('count-button')
+        const step = values.step ? parseInt(values.step) : 1
+        let count = 0
+        
+        button.addEventListener('click', () => {
+          // increment the counter by the specified step value
+          count += step
 
-        // update the button's text content to reflect the new count value
-        button.textContent = `Count is ${count}`
-      })
+          // update the button's text content to reflect the new count value
+          button.textContent = `Count is ${count}`
+        })
+      }
     }
   })
-</script>
+</script>