✨ implement computational layer in Rust

- limit diameter to 255 by utilize u8 overflow error
- use async modifier to load led.rs in createBefore
- bind private member to wasm instance

src/components/Led/Led.vue

@@ -26,9 +26,28 @@ export default class Led extends Vue {
 
   broken: boolean = false
 
-  get height(): number { return 1.3 * unit(this.size).toNumber('mm') * unit(this.scale).toNumber('px/mm') }
+  private led: any = {
+    brightness: (Vin: number, Iin: number, Pmax: number) => Number(),
+    diameter: (size: number, scale: number) => Number(),
+  }
+
+  async beforeCreate() {
+    const loadWasm = await import('./led.rs')
+    const wasm = await loadWasm.default()
+    this.led = wasm.instance.exports
+  }
+
+  get height(): number { return this.led.diameter(
+    unit(this.size).toNumber('millimeter'),
+    unit(this.scale).toNumber('pixel/millimeter') * 1.3
+  ) }
+
   get brightness(): number {
-    const result = unit(this.inputVoltage).toNumber('volt') * unit(this.inputCurrent).toNumber('ampere') / unit(this.maxPower).toNumber('watt')
+    const result = this.led.brightness(
+      unit(this.inputVoltage).toNumber('volt'),
+      unit(this.inputCurrent).toNumber('ampere'),
+      unit(this.maxPower).toNumber('watt')
+    )
     this.broken = (result > 1.00)
     return this.broken ? 0 : result
   }

src/components/Led/led.rs

@@ -0,0 +1,9 @@
+#[no_mangle]
+pub fn diameter(size: u8, scale: u8) -> u8 {
+    size * scale
+}
+
+#[no_mangle]
+pub fn brightness(v_in: f32, i_in: f32, p_max: f32) -> f32 {
+    v_in * i_in / p_max
+}