toggle-components-library 1.13.0 → 1.13.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "toggle-components-library",
-  "version": "1.13.0",
+  "version": "1.13.1",
   "private": false,
   "scripts": {
     "serve": "vue-cli-service serve",

package/src/components/forms/ToggleFontPicker.vue

@@ -1,5 +1,5 @@
 <template>
-  <ToggleInputSelect :options="fontOptions" :label="label" :name="name" :fontFamily="fontValue" v-model="fontValue" size="medium" :style="`font-family: ${fontValue};`"/>
+  <ToggleInputSelect :options="fontOptions" :label="label" :name="name" :fontFamily="inputVal" v-model="inputVal" size="medium" :style="`font-family: ${inputVal};`"/>
 </template>
 
 <script>
@@ -12,6 +12,9 @@ export default {
     components:{ ToggleInputSelect },
     name: 'FontPicker',
     props: {
+        value: {
+          type: String
+        },
         /**
          * The name of the fontpicker component
          */
@@ -37,7 +40,6 @@ export default {
     },
     data() {
       return {
-        fontValue: '',
         fonts: [
             'Abril Fatface',
             'Alpha Slab One',
@@ -86,16 +88,25 @@ export default {
             label: font
           }
         })
+      },
+      inputVal: {
+          get() {
+              return this.value;
+          },
+
+          set(value) {
+              this.$emit('input', value);
+          }
       }
     },
 
     methods: {
       getFonts() {
-          WebFont.load({
-              google: {
-                  families: this.fonts
-              }
-          });
+        WebFont.load({
+            google: {
+                families: this.fonts
+            }
+        });
       }
     }
   }