fix(components-vue): update proxies form control config (#407)

* fix(components-vue): update proxy config * fix(boilerplate-vue): import path * style: format
telekom · Jun 15, 2021 · acf7e22 · acf7e22
1 parent 49b14c0
commit acf7e22
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 3 deletions.
diff --git a/examples/boilerplate-vue/src/App.vue b/examples/boilerplate-vue/src/App.vue
@@ -21,7 +21,7 @@
 
 <script>
 import Vue from "vue";
-import { ScaleButton } from "@telekom/scale-components-vue";
+import { ScaleButton } from "@telekom/scale-components-vue-neutral";
 
 export default Vue.extend({
   name: "home",

diff --git a/packages/components/framework-targets.ts b/packages/components/framework-targets.ts
@@ -10,13 +10,29 @@ import {
 
 const vueComponentModels: ComponentModelConfig[] = [
   {
-    elements: ['scale-input'],
+    elements: [
+      'scale-input',
+      'scale-text-field',
+      'scale-textarea',
+      'scale-dropdown',
+      'scale-switch',
+    ],
     event: 'scaleChange',
     targetAttr: 'value',
   },
+  // These do not work with the way the plugin "utils"'s wires events,
+  // and probably Vue doing something different for native input[type=checkbox|radio]
+  // {
+  //   elements: [
+  //     'scale-checkbox',
+  //     'scale-radio-button'
+  //   ],
+  //   event: 'scaleChange',
+  //   targetAttr: 'value',
+  // },
   {
     elements: ['scale-slider'],
-    event: 'scaleChange',
+    event: 'scaleInput',
     targetAttr: 'value',
   },
 ];