Fixed #3802 - Improve folder structure for nuxt configurations

components/lib/radiobutton/RadioButton.vue

@@ -0,0 +1,111 @@
+<template>
+    <div :class="containerClass" @click="onClick($event)">
+        <div class="p-hidden-accessible">
+            <input
+                ref="input"
+                :id="inputId"
+                type="radio"
+                :class="inputClass"
+                :style="inputStyle"
+                :name="name"
+                :checked="checked"
+                :disabled="disabled"
+                :value="value"
+                :aria-labelledby="ariaLabelledby"
+                :aria-label="ariaLabel"
+                @focus="onFocus"
+                @blur="onBlur"
+                v-bind="inputProps"
+            />
+        </div>
+        <div ref="box" :class="['p-radiobutton-box', { 'p-highlight': checked, 'p-disabled': disabled, 'p-focus': focused }]">
+            <div class="p-radiobutton-icon"></div>
+        </div>
+    </div>
+</template>
+
+<script>
+import { ObjectUtils } from 'primevue/utils';
+
+export default {
+    name: 'RadioButton',
+    emits: ['click', 'update:modelValue', 'change', 'focus', 'blur'],
+    props: {
+        value: null,
+        modelValue: null,
+        name: {
+            type: String,
+            default: null
+        },
+        disabled: {
+            type: Boolean,
+            default: false
+        },
+        inputId: {
+            type: String,
+            default: null
+        },
+        inputClass: {
+            type: [String, Object],
+            default: null
+        },
+        inputStyle: {
+            type: Object,
+            default: null
+        },
+        inputProps: {
+            type: null,
+            default: null
+        },
+        'aria-labelledby': {
+            type: String,
+            default: null
+        },
+        'aria-label': {
+            type: String,
+            default: null
+        }
+    },
+    data() {
+        return {
+            focused: false
+        };
+    },
+    methods: {
+        onClick(event) {
+            if (!this.disabled) {
+                this.$emit('click', event);
+                this.$emit('update:modelValue', this.value);
+                this.$refs.input.focus();
+
+                if (!this.checked) {
+                    this.$emit('change', event);
+                }
+            }
+        },
+        onFocus(event) {
+            this.focused = true;
+            this.$emit('focus', event);
+        },
+        onBlur(event) {
+            this.focused = false;
+            this.$emit('blur', event);
+        }
+    },
+    computed: {
+        checked() {
+            return this.modelValue != null && ObjectUtils.equals(this.modelValue, this.value);
+        },
+        containerClass() {
+            return [
+                'p-radiobutton p-component',
+                {
+                    'p-radiobutton-checked': this.checked,
+                    'p-radiobutton-disabled': this.disabled,
+                    'p-radiobutton-focused': this.focused
+                }
+            ];
+        }
+    }
+};
+</script>