fix: fix typing problems

Author: MichaelGitArt

src/components/PropControls/BooleanSwitch/BooleanSwitch.vue

@@ -14,12 +14,13 @@
 </template>
 
 <script lang="ts">
+import { defineComponent } from 'vue'
 import { useModelWrapper } from '@/composables/modelWrapper'
 
 import Radio from '@/components/UI/Radio/Radio.vue'
 import RadioGroup from '@/components/UI/RadioGroup/RadioGroup.vue'
 
-export default {
+export default defineComponent({
   name: 'BooleanSwitch',
   components: {
     Radio,
@@ -45,5 +46,5 @@ export default {
       value,
     }
   },
-}
+})
 </script>

src/components/UI/Radio/Radio.vue

@@ -13,13 +13,13 @@
 </template>
 
 <script lang="ts">
-import { computed, inject } from 'vue'
+import { computed, inject, defineComponent } from 'vue'
 
 import { useComponentId } from '@/composables/componentId'
 
 import { RadioInjectionKey } from '@/components/UI/symbols'
 
-export default {
+export default defineComponent({
   name: 'Radio',
   props: {
     value: {
@@ -52,7 +52,7 @@ export default {
         return props.name
       }
 
-      return RadioGroup?.name || `radio-${id}`
+      return RadioGroup?.name.value || `radio-${id}`
     })
 
     const onChange = () => {
@@ -68,5 +68,5 @@ export default {
       selected,
     }
   },
-}
+})
 </script>

src/components/UI/RadioGroup/RadioGroup.vue

@@ -5,13 +5,13 @@
 </template>
 
 <script lang="ts">
-import { provide, computed } from 'vue'
+import { provide, computed, defineComponent } from 'vue'
 
 import { useComponentId } from '@/composables/componentId'
 
 import { RadioInjectionKey } from '@/components/UI/symbols'
 
-export default {
+export default defineComponent({
   name: 'RadioGroup',
   props: {
     name: {
@@ -44,5 +44,5 @@ export default {
     })
 
   },
-}
+})
 </script>