fix(imports): Removed direct import of PrimeVue components -

Author: sfxcode

dev/modules/primevue.ts

@@ -7,6 +7,30 @@ import MegaMenu from 'primevue/megamenu'
 import Ripple from 'primevue/ripple'
 import Toolbar from 'primevue/toolbar'
 
+import AutoComplete from 'primevue/autocomplete'
+import CascadeSelect from 'primevue/cascadeselect'
+import Checkbox from 'primevue/checkbox'
+import ColorPicker from 'primevue/colorpicker'
+import DatePicker from 'primevue/datepicker'
+import Editor from 'primevue/editor'
+import InputMask from 'primevue/inputmask'
+import InputNumber from 'primevue/inputnumber'
+import InputOtp from 'primevue/inputotp'
+import InputText from 'primevue/inputtext'
+import Knob from 'primevue/knob'
+import Listbox from 'primevue/listbox'
+import MultiSelect from 'primevue/multiselect'
+import Password from 'primevue/password'
+import RadioButton from 'primevue/radiobutton'
+import Rating from 'primevue/rating'
+import Select from 'primevue/select'
+import SelectButton from 'primevue/selectbutton'
+import Slider from 'primevue/slider'
+import Textarea from 'primevue/textarea'
+import ToggleButton from 'primevue/togglebutton'
+import ToggleSwitch from 'primevue/toggleswitch'
+import TreeSelect from 'primevue/treeselect'
+
 import 'primeicons/primeicons.css'
 import Aura from '@primevue/themes/aura'
 
@@ -26,7 +50,32 @@ export const install: UserModule = ({ app }) => {
   app.directive('ripple', Ripple)
   app.component('Button', Button)
 
-  // components
+  // input components
+  app.component('AutoComplete', AutoComplete)
+  app.component('CascadeSelect', CascadeSelect)
+  app.component('Checkbox', Checkbox)
+  app.component('ColorPicker', ColorPicker)
+  app.component('DatePicker', DatePicker)
+  app.component('Editor', Editor)
+  app.component('InputMask', InputMask)
+  app.component('InputNumber', InputNumber)
+  app.component('InputOtp', InputOtp)
+  app.component('InputText', InputText)
+  app.component('Knob', Knob)
+  app.component('Listbox', Listbox)
+  app.component('MultiSelect', MultiSelect)
+  app.component('Password', Password)
+  app.component('RadioButton', RadioButton)
+  app.component('Rating', Rating)
+  app.component('Select', Select)
+  app.component('SelectButton', SelectButton)
+  app.component('Slider', Slider)
+  app.component('Textarea', Textarea)
+  app.component('ToggleButton', ToggleButton)
+  app.component('ToggleSwitch', ToggleSwitch)
+  app.component('TreeSelect', TreeSelect)
+
+  // other components
   app.component('MegaMenu', MegaMenu)
   app.component('Tab', Tab)
   app.component('Tabs', Tabs)

src/components/PrimeAutoComplete.vue

@@ -2,7 +2,6 @@
 import { type PropType, computed, ref } from 'vue'
 import type { FormKitFrameworkContext } from '@formkit/core'
 
-import AutoComplete from 'primevue/autocomplete'
 import type { AutoCompleteCompleteEvent, AutoCompleteProps } from 'primevue/autocomplete'
 
 export interface FormKitPrimeAutoCompleteProps {

src/components/PrimeCascadeSelect.vue

@@ -2,7 +2,6 @@
 import { type PropType, computed } from 'vue'
 import type { FormKitFrameworkContext } from '@formkit/core'
 
-import CascadeSelect from 'primevue/cascadeselect'
 import type { CascadeSelectProps } from 'primevue/cascadeselect'
 
 export interface FormKitPrimeCascadeSelectProps {

src/components/PrimeCheckbox.vue

@@ -2,7 +2,6 @@
 import { type PropType, computed } from 'vue'
 import type { FormKitFrameworkContext } from '@formkit/core'
 
-import Checkbox from 'primevue/checkbox'
 import type { CheckboxProps } from 'primevue/checkbox'
 
 export interface FormKitPrimeCheckboxProps {

src/components/PrimeColorPicker.vue

@@ -2,7 +2,6 @@
 import type { PropType } from 'vue'
 import type { FormKitFrameworkContext } from '@formkit/core'
 
-import ColorPicker from 'primevue/colorpicker'
 import type { ColorPickerProps } from 'primevue/colorpicker'
 
 export interface FormKitPrimeColorPickerProps {

src/components/PrimeDatePicker.vue

@@ -2,7 +2,6 @@
 import { type PropType, computed } from 'vue'
 import type { FormKitFrameworkContext } from '@formkit/core'
 
-import DatePicker from 'primevue/datepicker'
 import type { DatePickerBlurEvent, DatePickerProps } from 'primevue/datepicker'
 
 export interface FormKitPrimeDatePickerProps {

src/components/PrimeEditor.vue

@@ -2,7 +2,6 @@
 import { type PropType, computed } from 'vue'
 import type { FormKitFrameworkContext } from '@formkit/core'
 
-import Editor from 'primevue/editor'
 import type { EditorProps, EditorSelectionChangeEvent } from 'primevue/editor'
 
 export interface FormKitPrimeEditorProps {

src/components/PrimeInputMask.vue

@@ -2,7 +2,6 @@
 import { type PropType, computed } from 'vue'
 import type { FormKitFrameworkContext } from '@formkit/core'
 
-import InputMask from 'primevue/inputmask'
 import type { InputMaskProps } from 'primevue/inputmask'
 
 export interface FormKitPrimeInputMaskProps {

src/components/PrimeInputNumber.vue

@@ -2,7 +2,6 @@
 import { type PropType, computed } from 'vue'
 import type { FormKitFrameworkContext } from '@formkit/core'
 
-import InputNumber from 'primevue/inputnumber'
 import type { InputNumberBlurEvent, InputNumberProps } from 'primevue/inputnumber'
 
 export interface FormKitPrimeInputNumberProps {

src/components/PrimeInputOtp.vue

@@ -2,7 +2,6 @@
 import { type PropType, computed } from 'vue'
 import type { FormKitFrameworkContext } from '@formkit/core'
 
-import InputOtp from 'primevue/inputotp'
 import type { InputOtpProps } from 'primevue/inputotp'
 
 export interface FormKitPrimeInputOtpProps {