v-0.0.14

Author: orenelbaum

dev-notes.md

@@ -0,0 +1,10 @@
+# Dev Notes
+
+
+## Default Props VS Fallback Props
+
+This plugin supports 2 different ways of declaring default props:
+- `({ x = defaultX, y = defaultY }) => ...`
+- `({ x, y } = { x = defaultX, y = defaultY }) => ...`
+
+In the source code I will refer to the first way as default props and the second way as fallback props.

example.png

@@ -0,0 +1,19 @@
+const { transformAsync } = require("@babel/core");
+
+(async () => {
+   const src=/*javascript*/`
+      import { component } from 'babel-plugin-solid-undestructure'
+      const Child = component(({ count: c = 100, ...other }) => {
+         // return (
+         //    <button onclick={other.increment}>{c}</button>
+         // );
+      });
+   `
+   
+   const res = await transformAsync(
+      src,
+      { plugins: ["./src/index.cjs"] }
+   )
+   
+   console.log(res.code);
+})()

exp.cjs

@@ -0,0 +1,7 @@
+{
+   "compilerOptions": {
+     "module": "commonjs",
+     "target": "es6"
+   },
+   "exclude": ["node_modules"]
+ }