Refactor ParameterInput to composition API + fix all TS errors

packages/design-system/src/components/N8nInput/Input.vue

@@ -26,14 +26,12 @@
 import { computed, ref } from 'vue';
 import { ElInput } from 'element-plus';
 import { uid } from '../../utils';
-
-const INPUT = ['text', 'textarea', 'number', 'password', 'email'] as const;
-const SIZE = ['mini', 'small', 'medium', 'large', 'xlarge'] as const;
+import type { InputSize, InputType } from '@/types/input';
 
 interface InputProps {
 	modelValue?: string | number;
-	type?: (typeof INPUT)[number];
-	size?: (typeof SIZE)[number];
+	type?: InputType;
+	size?: InputSize;
 	placeholder?: string;
 	disabled?: boolean;
 	readonly?: boolean;

packages/design-system/src/types/index.ts

@@ -2,6 +2,7 @@ export * from './button';
 export * from './datatable';
 export * from './form';
 export * from './i18n';
+export * from './input';
 export * from './menu';
 export * from './select';
 export * from './user';

packages/design-system/src/types/input.ts

@@ -0,0 +1,5 @@
+const INPUT_TYPES = ['text', 'textarea', 'number', 'password', 'email'] as const;
+const INPUT_SIZES = ['mini', 'small', 'medium', 'large', 'xlarge'] as const;
+
+export type InputType = (typeof INPUT_TYPES)[number];
+export type InputSize = (typeof INPUT_SIZES)[number];