feat(primeInputs): Create composable for easy setup of the needed components

Author: sfxcode

src/composables/index.ts

@@ -5,6 +5,7 @@ import { useFormKitSection } from './useFormKitSection'
 import { useInputEditor } from './useInputEditor'
 import { useInputEditorSchema } from './useInputEditorSchema'
 import { useOutputDuration } from './useOutputDuration'
+import { usePrimeInputs } from './usePrimeInputs'
 
 export {
   useFormKitInput,
@@ -14,4 +15,5 @@ export {
   useInputEditor,
   useInputEditorSchema,
   useOutputDuration,
+  usePrimeInputs,
 }

src/composables/usePrimeInputs.ts

@@ -0,0 +1,55 @@
+import AutoComplete from 'primevue/autocomplete'
+import CascadeSelect from 'primevue/cascadeselect'
+import Checkbox from 'primevue/checkbox'
+import Chip from 'primevue/chip'
+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'
+
+export function usePrimeInputs() {
+  function registerInputs(app: any) {
+    app.component('AutoComplete', AutoComplete)
+    app.component('CascadeSelect', CascadeSelect)
+    app.component('Checkbox', Checkbox)
+    app.component('Chip', Chip)
+    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)
+  }
+
+  return { registerInputs }
+}