release: WRNexusJS 0.6.0

packages/ui/components/PreferenceSwitcher.wrn

@@ -1,13 +1,16 @@
 component PreferenceSwitcher {
+  outputs {
+    theme(payload: { sourceEvent?: Event; value: string | number | boolean | null | object; [key: string]: string | number | boolean | null | object } | string | number | boolean | null | object[])
+    color(payload: { sourceEvent?: Event; value: string | number | boolean | null | object; [key: string]: string | number | boolean | null | object } | string | number | boolean | null | object[])
+    language(payload: { sourceEvent?: Event; value: string | number | boolean | null | object; [key: string]: string | number | boolean | null | object } | string | number | boolean | null | object[])
+  }
+
   props {
-    @event theme = function
-    @event color = function
-    @event language = function
-    size = "default"
-    color = "primary"
-    themeLabel = "Theme"
-    colorLabel = "Accent color"
-    languageLabel = "Language"
+size: string = "default"
+    color: string = "primary"
+    themeLabel: string = "Theme"
+    colorLabel: string = "Accent color"
+    languageLabel: string = "Language"
     languages = [
       {"label": "English", "shortLabel": "EN", "value": "en"},
       {"label": "हिन्दी", "shortLabel": "हि", "value": "hi"},
@@ -21,13 +24,13 @@ component PreferenceSwitcher {
       {"label": "Rose", "value": "rose", "hex": "#e11d48"},
       {"label": "Amber", "value": "amber", "hex": "#d97706"}
     ]
-    compact = true
-    class = ""
+    compact: boolean = true
+    class: string = ""
   }
 
   functions {
-    function choose(type, value) {
-      $emit(type, { value: value })
+    client function choose(type, value) {
+      output[type]({ value: value })
     }
   }