@cloudron/pankow 3.5.14 → 3.5.15

package/components/Radiobutton.vue

@@ -1,32 +1,46 @@
-<script setup>
-
-import { ref } from 'vue';
-import { uuidv4 } from '../utils.js';
-
-defineProps({
-  modelValue: String,
-  value: String,
-  label: String,
-  id: String,
-  name: String,
-  disabled: null
-});
-
-defineEmits(['update:modelValue']);
-
-const internalId = ref(uuidv4());
-
-</script>
-
 <template>
   <span class="pankow-radio">
-    <input :name="name" :id="id || internalId" class="pankow-radio-input" type="radio" :model-value="modelValue" :value="value" @update:model-value="$emit('update:modelValue', $event)" :disabled="disabled" :required="$attrs['required']"/>
+    <input :name="name" :id="id || internalId" class="pankow-radio-input" type="radio" v-model="internalValue" :value="value" :disabled="disabled" :required="$attrs['required']"/>
     <slot>
       <label :for="id || internalId" class="pankow-radio-input-label">{{ label }}</label>
     </slot>
   </span>
 </template>
 
+<script>
+
+import { uuidv4 } from '../utils.js';
+
+export default {
+  name: 'Radiobutton',
+  props: {
+    modelValue: String,
+    value: String,
+    label: String,
+    id: String,
+    name: String,
+    disabled: null
+  },
+  emits: ['update:modelValue'],
+  computed: {
+    internalValue: {
+      get() {
+        return this.modelValue
+      },
+      set(internalValue) {
+        this.$emit('update:modelValue', internalValue)
+      }
+    }
+  },
+  data () {
+    return {
+      internalId: uuidv4()
+    }
+  }
+};
+
+</script>
+
 <style>
 
 .pankow-radio {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@cloudron/pankow",
   "private": false,
-  "version": "3.5.14",
+  "version": "3.5.15",
   "description": "",
   "main": "index.js",
   "types": "types/index.d.ts",