Fixing types

Author: webdevnerdstuff

src/plugin/components/VInlineAutocomplete/VInlineAutocomplete.vue

@@ -128,8 +128,8 @@ import type { VInlineAutocompleteProps } from './';
 import { IconOptions } from 'vuetify';
 import type { VSelect } from 'vuetify/components';
 import {
+	autocompleteProps,
 	defaultCardProps,
-	selectProps,
 } from '@utils/props';
 import DisplayedValue from '@components/common/DisplayedValue.vue';
 import SaveFieldButtons from '@components/common/SaveFieldButtons.vue';
@@ -163,7 +163,7 @@ const injectedOptions = inject(globalOptions, {});
 
 const iconOptions = inject<IconOptions>(Symbol.for('vuetify:icons'));
 
-const props = withDefaults(defineProps<VInlineAutocompleteProps>(), { ...selectProps });
+const props = withDefaults(defineProps<VInlineAutocompleteProps>(), { ...autocompleteProps });
 const settings = reactive({ ...attrs, ...props, ...injectedOptions });
 
 watchEffect(() => {

src/plugin/components/VInlineAutocomplete/index.ts

@@ -7,7 +7,7 @@ export interface VInlineAutocompleteProps extends Omit<SharedProps,
 	'falseValue' | 'iconFalse' | 'iconFalseColor' | 'iconFalseTitle' | 'iconTrue' | 'iconTrueColor' | 'iconTrueTitle' | 'icons' | 'trueValue' | 'truncateLength' | 'truncateSuffix'
 > {
 	autoSelectFirst?: VAutocomplete['$props']['autoSelectFirst'];
-	clearIcon?: string | undefined;
+	clearIcon?: VAutocomplete['$props']['clearIcon'];
 	clearable?: VAutocomplete['$props']['clearable'];
 	density?: VAutocomplete['$props']['density'];
 	hideSelected?: VAutocomplete['$props']['hideSelected'];

src/plugin/components/VInlineSelect/__tests__/VInlineSelect.spec.ts

@@ -10,6 +10,7 @@ const vuetify = createVuetify();
 const componentProps = Object.assign(selectProps, {
 	cardProps: {},
 	items: [],
+	rules: [],
 });
 
 describe('VInlineSelect', () => {

src/plugin/components/VInlineSelect/index.ts

@@ -6,7 +6,7 @@ import type VInlineSelect from './VInlineSelect.vue';
 export interface VInlineSelectProps extends Omit<SharedProps,
 	'falseValue' | 'iconFalse' | 'iconFalseColor' | 'iconFalseTitle' | 'iconTrue' | 'iconTrueColor' | 'iconTrueTitle' | 'icons' | 'trueValue' | 'truncateLength' | 'truncateSuffix'
 > {
-	clearIcon?: string | undefined;
+	clearIcon?: VSelect['$props']['clearIcon'];
 	clearable?: VSelect['$props']['clearable'];
 	density?: VSelect['$props']['density'];
 	hideSelected?: VSelect['$props']['hideSelected'];

src/plugin/components/VInlineTextField/index.ts

@@ -6,7 +6,7 @@ import type VInlineTextField from './VInlineTextField.vue';
 export interface VInlineTextFieldProps extends Omit<SharedProps,
 	'falseValue' | 'iconFalse' | 'iconFalseColor' | 'iconFalseTitle' | 'iconTrue' | 'iconTrueColor' | 'iconTrueTitle' | 'icons' | 'trueValue'
 > {
-	clearIcon?: string | undefined;
+	clearIcon?: VTextField['$props']['clearIcon'];
 	density?: VTextField['$props']['density'];
 	rules?: VTextField['$props']['rules'];
 	variant?: VTextField['$props']['variant'];

src/plugin/components/VInlineTextarea/index.ts

@@ -7,7 +7,7 @@ export interface VInlineTextareaProps extends Omit<SharedProps,
 	'falseValue' | 'iconFalse' | 'iconFalseColor' | 'iconFalseTitle' | 'iconTrue' | 'iconTrueColor' | 'iconTrueTitle' | 'icons' | 'trueValue'
 > {
 	autoGrow?: VTextarea['$props']['autoGrow'];
-	clearIcon?: string | undefined;
+	clearIcon?: VTextarea['$props']['clearIcon'];
 	density?: VTextarea['$props']['density'];
 	rows?: VTextarea['$props']['rows'];
 	rules?: VTextarea['$props']['rules'];

src/plugin/composables/icons.ts

@@ -31,13 +31,13 @@ export const useGetIcon: UseGetIcon = (options) => {
 	const iconSet = defaultIcons[iconOptions?.defaultSet as string];
 
 	if (!iconSet) {
-		throw new Error(`VInlineFields: No VInlineFields default ${iconOptions?.defaultSet} icon set found for ${name}. Please set the icon prop.`);
+		throw new Error(`[VInlineFields]: No default ${iconOptions?.defaultSet} icon set found.`);
 	}
 
 	const newIcon = iconSet[name];
 
 	if (!newIcon) {
-		throw new Error(`VInlineFields: No ${name} icon found. Please set the icon prop, or set the default icon set to 'mdi' or 'fa'`);
+		throw new Error(`[VInlineFields]: No ${name} icon found.`);
 	}
 
 	return newIcon;

src/plugin/types/index.ts

@@ -267,7 +267,7 @@ export interface UseCardContainerClass {
 export interface UseGetIcon {
 	(
 		options: {
-			icon: string | undefined,
+			icon: VIconValue,
 			iconOptions: IconOptions | undefined,
 			name: string,
 		}

src/plugin/utils/props.ts

@@ -109,13 +109,34 @@ const selectProps = {
 	...autofocus,
 	...saveAndLoadingIconProps,
 	...{
-		clearIcon: undefined,
+		clearIcon: '$clear',
 		clearable: false,
 		hideSelected: true,
 		itemTitle: 'title',
 		itemValue: 'value',
 		items: () => ([]),
 		menu: true,
+		rules: () => ([]),
+		variant: 'underlined' as const,
+	},
+};
+
+// v-autocomplete //
+const autocompleteProps = {
+	...sharedProps,
+	...autofocus,
+	...saveAndLoadingIconProps,
+	...{
+		autoSelectFirst: false,
+		clearIcon: '$clear',
+		clearable: false,
+		hideSelected: true,
+		itemTitle: 'title',
+		itemValue: 'value',
+		items: () => ([]),
+		menu: true,
+		menuIcon: '$dropdown',
+		rules: () => ([]),
 		variant: 'underlined' as const,
 	},
 };
@@ -138,6 +159,7 @@ const textareaProps = {
 	...sharedProps,
 	...{
 		autoGrow: true,
+		clearIcon: '$clear',
 		rows: 1,
 		truncateLength: undefined,
 		truncateSuffix: '...',
@@ -151,6 +173,7 @@ const textFieldProps = {
 	...autofocus,
 	...saveAndLoadingIconProps,
 	...{
+		clearIcon: '$clear',
 		truncateLength: undefined,
 		truncateSuffix: '...',
 		variant: 'underlined' as const,
@@ -160,6 +183,7 @@ const textFieldProps = {
 
 // Export //
 export {
+	autocompleteProps,
 	checkboxProps,
 	selectProps,
 	switchProps,