From 9ba2a62879c9fdf777d07027c51fb15205fcaa1d Mon Sep 17 00:00:00 2001
From: WebDevNerdStuff <webdevnerdstuff@gmail.com>
Date: Sun, 4 Jun 2023 18:43:29 -0700
Subject: [PATCH 1/8] Adding some props and working on fine tuning styles

---
 .../components/SelectComponent.vue            |   2 +
 .../components/TextFieldComponent.vue         |   1 +
 .../components/TextareaComponent.vue          |   3 +-
 src/plugin/VInlineCheckbox.vue                |  18 +-
 src/plugin/VInlineSelect.vue                  |  39 ++-
 src/plugin/VInlineSwitch.vue                  |  20 +-
 src/plugin/VInlineTextField.vue               |  21 +-
 src/plugin/VInlineTextarea.vue                |  16 +-
 src/plugin/composables/classes.ts             |  26 +-
 src/plugin/composables/styles.ts              |  11 +
 src/plugin/styles/main.scss                   | 232 ++++++++++--------
 src/plugin/utils/props.ts                     |   5 +-
 src/types/index.ts                            |   5 +-
 13 files changed, 253 insertions(+), 146 deletions(-)

diff --git a/src/documentation/components/SelectComponent.vue b/src/documentation/components/SelectComponent.vue
index d9f22ce..c012a2d 100644
--- a/src/documentation/components/SelectComponent.vue
+++ b/src/documentation/components/SelectComponent.vue
@@ -24,6 +24,7 @@
 					<v-col cols="2">
 						<VInlineSelect
 							v-model="values.select"
+							align-items="flex-end"
 							:density="density"
 							do-not-save
 							item-title="state"
@@ -36,6 +37,7 @@
 					</v-col>
 
 					<v-col cols="2">
+						<!-- <div style="border: 1px solid #f00;"> -->
 						<div>
 							<v-select
 								v-model="values.select"
diff --git a/src/documentation/components/TextFieldComponent.vue b/src/documentation/components/TextFieldComponent.vue
index 9925bff..0cba430 100644
--- a/src/documentation/components/TextFieldComponent.vue
+++ b/src/documentation/components/TextFieldComponent.vue
@@ -24,6 +24,7 @@
 					<v-col cols="2">
 						<VInlineTextField
 							v-model="values.textField"
+							align-items="flex-end"
 							:density="density"
 							do-not-save
 							:table-field="false"
diff --git a/src/documentation/components/TextareaComponent.vue b/src/documentation/components/TextareaComponent.vue
index 4e191d4..cf62a59 100644
--- a/src/documentation/components/TextareaComponent.vue
+++ b/src/documentation/components/TextareaComponent.vue
@@ -24,10 +24,11 @@
 					<v-col cols="2">
 						<VInlineTextarea
 							v-model="values.textField"
+							align-items="flex-start"
 							:density="density"
 							do-not-save
 							rows="1"
-							:table-field="false"
+							:table-field="true"
 							:variant="variant"
 						></VInlineTextarea>
 					</v-col>
diff --git a/src/plugin/VInlineCheckbox.vue b/src/plugin/VInlineCheckbox.vue
index 2c40bee..fc5578b 100644
--- a/src/plugin/VInlineCheckbox.vue
+++ b/src/plugin/VInlineCheckbox.vue
@@ -1,5 +1,8 @@
 <template>
-	<div :class="inlineFieldsContainerClass">
+	<div
+		:class="inlineFieldsContainerClass"
+		:style="inlineFieldsContainerStyle"
+	>
 		<div
 			v-if="!showField && !settings.fieldOnly"
 			class="v-inline-fields--container-display-container"
@@ -27,7 +30,7 @@
 
 					<div
 						v-else
-						class="pb-1 d-inline-flex align-center justify-center"
+						class="d-inline-flex align-center justify-center"
 						:class="displayValueClass"
 						:style="displayValueStyle"
 						@click="toggleField"
@@ -114,7 +117,10 @@ import {
 	useFieldContainerClass,
 	useInlineFieldsContainerClass,
 } from './composables/classes';
-import { useDisplayValueStyles } from './composables/styles';
+import {
+	useDisplayValueStyles,
+	useInlineFieldsContainerStyle,
+} from './composables/styles';
 import inlineEmits from './utils/emits';
 
 
@@ -141,6 +147,7 @@ const displayValue = computed(() => {
 // ------------------------------------------------ Class & Styles //
 const inlineFieldsContainerClass = computed(() => useInlineFieldsContainerClass({
 	density: settings.density,
+	disabled: settings.disabled,
 	field: 'v-checkbox',
 	tableField: settings.tableField,
 }));
@@ -163,11 +170,14 @@ const displayValueClass = computed(() => useDisplayValueClass(
 	'checkbox',
 	settings.valueColor,
 	{
-		disabled: settings.disabled,
 		error,
 	}
 ));
 
+const inlineFieldsContainerStyle = computed(() => useInlineFieldsContainerStyle({
+	alignItems: settings.alignItems,
+}));
+
 const displayValueStyle = computed(() => useDisplayValueStyles({
 	color: settings.color,
 	error,
diff --git a/src/plugin/VInlineSelect.vue b/src/plugin/VInlineSelect.vue
index ef11345..44a6062 100644
--- a/src/plugin/VInlineSelect.vue
+++ b/src/plugin/VInlineSelect.vue
@@ -1,19 +1,23 @@
 <template>
-	<div :class="inlineFieldsContainerClass">
+	<div
+		:class="inlineFieldsContainerClass"
+		:style="inlineFieldsContainerStyle"
+	>
 		<div
 			v-if="!showField && !settings.fieldOnly"
-			class="v-inline-fields--container-display-container"
 			:class="displayContainerClass"
 		>
 			<div :class="displayInputControlClasses">
-				<span
-					class="pb-1 d-inline-flex align-center justify-center"
-					:class="displayValueClass"
-					:style="displayValueStyle"
-					@click="toggleField"
-				>
-					{{ displayValue }}
-				</span>
+				<div class="v-inline-fields--display-wrapper">
+					<div
+						class="d-inline-flex"
+						:class="displayValueClass"
+						:style="displayValueStyle"
+						@click="toggleField"
+					>
+						{{ displayValue }}
+					</div>
+				</div>
 			</div>
 		</div>
 
@@ -109,7 +113,10 @@ import {
 	useFieldContainerClass,
 	useInlineFieldsContainerClass,
 } from './composables/classes';
-import { useDisplayValueStyles } from './composables/styles';
+import {
+	useDisplayValueStyles,
+	useInlineFieldsContainerStyle,
+} from './composables/styles';
 import inlineEmits from './utils/emits';
 
 
@@ -153,6 +160,7 @@ watchEffect(() => {
 // ------------------------------------------------ Class & Styles //
 const inlineFieldsContainerClass = computed(() => useInlineFieldsContainerClass({
 	density: settings.density,
+	disabled: settings.disabled,
 	field: 'v-select',
 	tableField: settings.tableField,
 }));
@@ -176,12 +184,15 @@ const displayValueClass = computed(() => useDisplayValueClass(
 	'select',
 	settings.valueColor,
 	{
-		disabled: settings.disabled,
 		empty,
 		error,
 	}
 ));
 
+const inlineFieldsContainerStyle = computed(() => useInlineFieldsContainerStyle({
+	alignItems: settings.alignItems,
+}));
+
 const displayValueStyle = computed(() => useDisplayValueStyles({
 	color: settings.color,
 	error,
@@ -308,6 +319,10 @@ onUnmounted(() => {
 	padding: 0 !important;
 }
 
+:deep(.v-field__field) {
+	align-items: flex-end !important;
+}
+
 .icons-container {
 	height: 100%;
 }
diff --git a/src/plugin/VInlineSwitch.vue b/src/plugin/VInlineSwitch.vue
index 33edf75..03896c2 100644
--- a/src/plugin/VInlineSwitch.vue
+++ b/src/plugin/VInlineSwitch.vue
@@ -1,15 +1,16 @@
 <template>
-	<div :class="inlineFieldsContainerClass">
+	<div
+		:class="inlineFieldsContainerClass"
+		:style="inlineFieldsContainerStyle"
+	>
 		<div
 			v-if="!showField && !settings.fieldOnly"
-			class="v-inline-fields--container-display-container"
 			:class="displayContainerClass"
 		>
 			<div :class="displaySelectionControlClasses">
 				<div class="v-selection-control__wrapper">
 					<div
 						v-if="icons"
-						class="v-inline-fields--container-display-container-value-icons"
 						:class="displayValueClass"
 						:style="displayValueStyle"
 						@click="toggleField"
@@ -27,7 +28,7 @@
 
 					<div
 						v-else
-						class="pb-1 d-inline-flex align-center justify-center"
+						class="d-inline-flex align-center justify-center"
 						:class="displayValueClass"
 						:style="displayValueStyle"
 						@click="toggleField"
@@ -114,7 +115,10 @@ import {
 	useFieldContainerClass,
 	useInlineFieldsContainerClass,
 } from './composables/classes';
-import { useDisplayValueStyles } from './composables/styles';
+import {
+	useDisplayValueStyles,
+	useInlineFieldsContainerStyle,
+} from './composables/styles';
 import inlineEmits from './utils/emits';
 
 
@@ -141,6 +145,7 @@ const displayValue = computed(() => {
 // ------------------------------------------------ Class & Styles //
 const inlineFieldsContainerClass = computed(() => useInlineFieldsContainerClass({
 	density: settings.density,
+	disabled: settings.disabled,
 	field: 'v-switch',
 	tableField: settings.tableField,
 }));
@@ -163,11 +168,14 @@ const displayValueClass = computed(() => useDisplayValueClass(
 	'switch',
 	settings.valueColor,
 	{
-		disabled: settings.disabled,
 		error,
 	}
 ));
 
+const inlineFieldsContainerStyle = computed(() => useInlineFieldsContainerStyle({
+	alignItems: settings.alignItems,
+}));
+
 const displayValueStyle = computed(() => useDisplayValueStyles({
 	color: settings.color,
 	error,
diff --git a/src/plugin/VInlineTextField.vue b/src/plugin/VInlineTextField.vue
index b68583c..52ddbf1 100644
--- a/src/plugin/VInlineTextField.vue
+++ b/src/plugin/VInlineTextField.vue
@@ -1,14 +1,16 @@
 <template>
-	<div :class="inlineFieldsContainerClass">
+	<div
+		:class="inlineFieldsContainerClass"
+		:style="inlineFieldsContainerStyle"
+	>
 		<div
 			v-if="!showField && !settings.fieldOnly"
-			class="v-inline-fields--container-display-container"
 			:class="displayContainerClass"
 		>
 			<div :class="displayInputControlClasses">
-				<div class="v-inline-fields--container-display-container-fields">
+				<div class="v-inline-fields--display-wrapper">
 					<div
-						class="d-inline-flex align-center justify-center"
+						class="d-inline-flex"
 						:class="displayValueClass"
 						:style="displayValueStyle"
 						@click="toggleField"
@@ -108,7 +110,10 @@ import {
 	useFieldContainerClass,
 	useInlineFieldsContainerClass,
 } from './composables/classes';
-import { useDisplayValueStyles } from './composables/styles';
+import {
+	useDisplayValueStyles,
+	useInlineFieldsContainerStyle,
+} from './composables/styles';
 import inlineEmits from './utils/emits';
 
 
@@ -152,6 +157,7 @@ const displayValue = computed(() => {
 // ------------------------------------------------ Class & Styles //
 const inlineFieldsContainerClass = computed(() => useInlineFieldsContainerClass({
 	density: settings.density,
+	disabled: settings.disabled,
 	field: 'v-text-field',
 	tableField: settings.tableField,
 }));
@@ -175,12 +181,15 @@ const displayValueClass = computed(() => useDisplayValueClass(
 	'text-field',
 	settings.valueColor,
 	{
-		disabled: settings.disabled,
 		empty,
 		error,
 	}
 ));
 
+const inlineFieldsContainerStyle = computed(() => useInlineFieldsContainerStyle({
+	alignItems: settings.alignItems,
+}));
+
 const displayValueStyle = computed(() => useDisplayValueStyles({
 	color: settings.color,
 	error,
diff --git a/src/plugin/VInlineTextarea.vue b/src/plugin/VInlineTextarea.vue
index c466e5f..27e542d 100644
--- a/src/plugin/VInlineTextarea.vue
+++ b/src/plugin/VInlineTextarea.vue
@@ -1,5 +1,8 @@
 <template>
-	<div :class="inlineFieldsContainerClass">
+	<div
+		:class="inlineFieldsContainerClass"
+		:style="inlineFieldsContainerStyle"
+	>
 		<div
 			v-if="!showField && !settings.fieldOnly"
 			class="v-inline-fields--container-display-container"
@@ -107,7 +110,10 @@ import {
 	useFieldContainerClass,
 	useInlineFieldsContainerClass,
 } from './composables/classes';
-import { useDisplayValueStyles } from './composables/styles';
+import {
+	useDisplayValueStyles,
+	useInlineFieldsContainerStyle,
+} from './composables/styles';
 import inlineEmits from './utils/emits';
 
 
@@ -151,6 +157,7 @@ const displayValue = computed(() => {
 // ------------------------------------------------ Class & Styles //
 const inlineFieldsContainerClass = computed(() => useInlineFieldsContainerClass({
 	density: settings.density,
+	disabled: settings.disabled,
 	field: 'v-textarea',
 	tableField: settings.tableField,
 }));
@@ -174,12 +181,15 @@ const displayValueClass = computed(() => useDisplayValueClass(
 	'textarea',
 	settings.valueColor,
 	{
-		disabled: settings.disabled,
 		empty,
 		error,
 	}
 ));
 
+const inlineFieldsContainerStyle = computed(() => useInlineFieldsContainerStyle({
+	alignItems: settings.alignItems,
+}));
+
 const displayValueStyle = computed(() => useDisplayValueStyles({
 	color: settings.color,
 	error,
diff --git a/src/plugin/composables/classes.ts b/src/plugin/composables/classes.ts
index b482c04..52595d3 100644
--- a/src/plugin/composables/classes.ts
+++ b/src/plugin/composables/classes.ts
@@ -11,13 +11,17 @@ import { componentName } from '../utils/globals';
 
 // ------------------------------------------------ Main Container //
 export const useInlineFieldsContainerClass: UseInlineFieldsContainerClass = (options) => {
-	const { field = '', density = '', tableField = false } = options;
+	const { field = '', density = '', disabled = false, tableField = false } = options;
 
 	return {
+		[`${componentName}`]: true,
 		[`${componentName}--container`]: true,
-		[`${componentName}--container-inline-${field}`]: true,
-		[`${componentName}--container-inline-${field}-${density}`]: true,
-		[`${componentName}--container-inline-table-centered`]: tableField,
+		[`${componentName}--container-disabled`]: unref(disabled),
+		[`${componentName}--container-table`]: tableField,
+		[`${componentName}--container-${field}`]: true,
+		[`${componentName}--container-${field}-${density}`]: true,
+		[`vi-${field}`]: true,
+		[`vi-${field}-${density}`]: true,
 	};
 };
 
@@ -27,8 +31,7 @@ export const useDisplayContainerClass: UseDisplayContainerClass = (options) => {
 	const { field = '', density = '' } = options;
 
 	return {
-		[`${componentName}`]: true,
-		[`${componentName}--container-display-container`]: true,
+		[`${componentName}--display-wrapper-value`]: true,
 		[`${field}`]: true,
 		'v-input': true,
 		[`v-input--density-${density}`]: true,
@@ -53,20 +56,19 @@ export const useDisplaySelectionControlClasses: UseDisplaySelectionControlClass
 	const { density = '' } = options;
 
 	return {
-		'v-selection-control': true,
+		// 'v-selection-control': true,
 		[`v-selection-control--density-${density}`]: true,
 	};
 };
 
 export const useDisplayValueClass: UseDisplayValueClass = (name, valueColor, options) => {
-	const { disabled = false, error = false, empty = false } = options;
+	const { error = false, empty = false } = options;
 
 	return {
 		[`${componentName}`]: true,
-		[`${componentName}--disabled`]: unref(disabled),
 		[`${componentName}--display-value-${name}`]: true,
 		[`${componentName}--display-value`]: true,
-		[`${componentName}--display-value-empty`]: unref(empty),
+		[`${componentName}--display-wrapper-value-empty`]: unref(empty),
 		[`text-${valueColor}`]: !unref(error),
 		'text-danger': unref(error),
 	};
@@ -79,8 +81,8 @@ export const useFieldContainerClass: UseFieldContainerClass = (options): object
 
 	return {
 		[`${componentName}`]: true,
-		[`${componentName}--field-value-${name}`]: true,
-		[`${componentName}--field-value`]: true,
+		[`${componentName}--field`]: true,
+		[`${componentName}--field-${name}`]: true,
 		[`${componentName}--field-active`]: active,
 	};
 };
diff --git a/src/plugin/composables/styles.ts b/src/plugin/composables/styles.ts
index 2e04f2b..11d0916 100644
--- a/src/plugin/composables/styles.ts
+++ b/src/plugin/composables/styles.ts
@@ -1,6 +1,17 @@
 import { CSSProperties } from 'vue';
 import { UseDisplayValueStyles } from '@/types';
 
+
+export const useInlineFieldsContainerStyle = (options) => {
+	const { alignItems } = options;
+
+	const styles = {
+		'align-items': alignItems,
+	};
+
+	return styles as CSSProperties;
+};
+
 // -------------------------------------------------- Value Styles //
 export const useDisplayValueStyles: UseDisplayValueStyles = (options) => {
 	const { underlineStyle, underlineWidth, color, error, underlined } = options;
diff --git a/src/plugin/styles/main.scss b/src/plugin/styles/main.scss
index d881a47..04abf20 100644
--- a/src/plugin/styles/main.scss
+++ b/src/plugin/styles/main.scss
@@ -6,128 +6,168 @@
 
 .v-inline-fields {
 	&--container {
-		&-inline {
-
-			// tableField prop //
-			&-table-centered {
-				--v-inline-fields-top-padding-compact: 0;
-				--v-inline-fields-top-padding-comfortable: 0;
-				--v-inline-fields-top-padding-default: 0;
-
-				.v-inline-fields--field-value-text-field {
-					.v-input--density-compact {
-
-						// Variants - plain & underlined //
-						.v-field--variant-plain,
-						.v-field--variant-underlined {
-							.v-field__input {
-								min-height: unset !important;
-								padding-bottom: 0;
-								padding-top: 3px;
-							}
-						}
-					}
+		display: flex;
+		height: 100%;
 
-					.v-input--density-comfortable {
+		// ------------------------------------------------ Disabled //
+		&-disabled {
+			.v-inline-fields--display-wrapper-value {
+				cursor: default !important;
+				opacity: var(--v-disabled-opacity);
+			}
+		}
 
-						// Variants - plain & underlined //
-						.v-field--variant-plain,
-						.v-field--variant-underlined {
-							.v-field__input {
-								min-height: unset !important;
-								padding-bottom: 0;
-								padding-top: 2px;
+		// ------------------------------------------------ Table Field (tableField) Prop = true //
+		&-table {
+			--v-inline-fields-top-padding-compact: 0;
+			--v-inline-fields-top-padding-comfortable: 0;
+			--v-inline-fields-top-padding-default: 0;
+
+			// ------------------------ Select & Text Field //
+			&.vi-v-select,
+			&.vi-v-text-field {
+
+				// The Field value //
+				.v-inline-fields--field {
+					.v-input {
+						&--density {
+							&-compact,
+							&-comfortable,
+							&-default {
+								.v-input__control {
+									padding-bottom: 3px;
+								}
+
+								.v-field--variant-underlined,
+								.v-field--variant-plain {
+									.v-field__input {
+										min-height: unset !important;
+									}
+								}
 							}
-						}
-					}
-
-					.v-input--density-default {
 
-						// Variants - plain & underlined //
-						.v-field--variant-plain,
-						.v-field--variant-underlined {
-							.v-field__input {
-								min-height: unset !important;
-								padding-bottom: 0;
-								padding-top: 1px;
+							&-compact,
+							&-comfortable {
+								line-height: 1rem;
 							}
 						}
 					}
 				}
 			}
 
-			// Checkbox & Switch //
-			&-v-checkbox,
-			&-v-switch {
-				&-compact {
-					padding-top: var(--v-inline-fields-top-padding-compact);
-				}
-
-				&-comfortable {
-					padding-top: var(--v-inline-fields-top-padding-comfortable);
-				}
-
-				&-default {
-					padding-top: var(--v-inline-fields-top-padding-default);
-				}
-
-				.v-selection-control {
-					padding-bottom: 1px;
-				}
-			}
+			// ------------------------ Select Field //
+			&.vi-v-select {
+
+				// The Field value //
+				.v-inline-fields--field {
+					.v-input {
+						&--density {
+							&-compact,
+							&-comfortable,
+							&-default {
+								.v-field__append-inner {
+									padding: 0 !important;
+								}
+
+								.v-field--variant-underlined,
+								.v-field--variant-plain {
+									.v-field__input {
+										padding-top: 0;
+									}
+								}
+							}
 
-			// Select & Textarea & Text Field //
-			&-v-select,
-			&-v-textarea,
-			&-v-text-field {
-				&-compact {
-					.v-inline-fields--container-display-container-fields {
-						padding-top: var(--v-inline-fields-top-padding-compact);
+							&-compact,
+							&-comfortable {
+								.v-field--variant-underlined,
+								.v-field--variant-plain {
+									.v-field__input {
+										padding-bottom: 7px;
+									}
+								}
+							}
 
-						> div {
-							line-height: 1.5rem;
+							&-default {
+								.v-field--variant-underlined,
+								.v-field--variant-plain {
+									.v-field__input {
+										padding-bottom: 2px;
+									}
+								}
+							}
 						}
 					}
 				}
+			}
 
-				&-comfortable {
-					.v-inline-fields--container-display-container-fields {
-						padding-top: var(--v-inline-fields-top-padding-comfortable);
-
-						> div {
-							padding-bottom: 0;
-						}
-					}
-				}
+			// ------------------------ Text Field //
+			&.vi-v-text-field {
+
+				// The Field value //
+				.v-inline-fields--field {
+					.v-input {
+						&--density {
+							&-compact,
+							&-comfortable,
+							&-default {
+								.v-field--variant-underlined,
+								.v-field--variant-plain {
+									.v-field__input {
+										padding-bottom: 0;
+									}
+								}
+							}
 
-				&-default {
-					.v-inline-fields--container-display-container-fields {
-						padding-top: var(--v-inline-fields-top-padding-default);
+							&-compact,
+							&-comfortable {
+								.v-field--variant-underlined,
+								.v-field--variant-plain {
+									.v-field__input {
+										padding-top: 4px;
+									}
+								}
+							}
 
-						> div {
-							line-height: 1.5rem;
-							padding-bottom: 5px;
+							&-default {
+								.v-field--variant-underlined,
+								.v-field--variant-plain {
+									.v-field__input {
+										padding-top: 1px;
+									}
+								}
+							}
 						}
 					}
 				}
 			}
 		}
+
+		&-v-textarea,
+		&-v-text-field {
+			max-width: 100%;
+			overflow: hidden;
+		}
 	}
 
+	// ------------------------------------------------ The Display value //
 	&--display {
-		&-value {
-			cursor: pointer;
-
-			&-empty {
-				color: #909090;
-				font-style: italic;
+		&-wrapper {
+			&-value {
+				cursor: pointer;
+				padding-bottom: 1px;
+
+				&-empty {
+					color: #909090;
+					font-style: italic;
+				}
 			}
 		}
 	}
 
-	&--field-value {
+	// ------------------------------------------------ Field Value //
+	&--field {
 
-		// Checkbox & Switch //
+		// ------------------------ Checkbox & Switch //
 		&-checkbox,
 		&-switch {
 			.v-input {
@@ -143,7 +183,7 @@
 			}
 		}
 
-		// Select & Textarea & Text Field //
+		// ------------------------ Select & Textarea & Text Field //
 		&-select,
 		&-textarea,
 		&-text-field {
@@ -157,19 +197,13 @@
 		}
 	}
 
-	&--disabled {
-		cursor: default;
-		opacity: var(--v-disabled-opacity);
-	}
 
+	// ------------------------------------------------ Components //
 	&--save-fields-container {
 		height: 100%;
 	}
 
 	&--boolean-icons {
 		font-size: calc(var(--v-icon-size-multiplier) * 1em);
-		font-weight: bold;
-		line-height: 1.5rem;
-		padding-bottom: 2px;
 	}
 }
diff --git a/src/plugin/utils/props.ts b/src/plugin/utils/props.ts
index 02641b4..3963365 100644
--- a/src/plugin/utils/props.ts
+++ b/src/plugin/utils/props.ts
@@ -1,5 +1,8 @@
 // * ---------------------------------------- The shared props for all inline fields //
 export const sharedProps = {
+	// ? The vertical alignment of the field //
+	alignItems: 'center' as const,
+
 	// ? The api route to save the field - [ All Fields ] //
 	apiRoute: '',
 
@@ -67,7 +70,7 @@ export const sharedProps = {
 	underlineStyle: 'dotted',
 
 	// ? The width of the underline - [ All Fields ] //
-	underlineWidth: '1px',
+	underlineWidth: '2px',
 
 	// ? Displays/Hides the value underline - [ All Fields ] //
 	underlined: true,
diff --git a/src/types/index.ts b/src/types/index.ts
index 78a1842..6d41fe4 100644
--- a/src/types/index.ts
+++ b/src/types/index.ts
@@ -18,17 +18,18 @@ import {
 
 
 // -------------------------------------------------- Types //
+export type AlignItems = 'normal' | 'stretch' | 'center' | 'start' | 'end' | 'flex-start' | 'flex-end' | 'self-start' | 'self-end' | 'baseline' | 'first baseline' | 'last baseline' | 'safe center' | 'unsafe center' | 'inherit' | 'initial' | 'revert' | 'revert-layer' | 'unset';
 export type FieldValue = string | boolean | number | object | [] | null | { [key: string]: string | unknown; };
 export type TimeOpened = Date | null;
 
 export type GlobalDensity = VCheckbox['$props']['density'] | VSelect['$props']['density'] | VSwitch['$props']['density'] | VTextField['$props']['density'] | VTextarea['$props']['density'];
-
 export type GlobalVariant = VSelect['$props']['variant'] | VTextField['$props']['variant'] | VTextarea['$props']['variant'];
 
 
 
 // -------------------------------------------------- Props //
 export interface SharedProps {
+	alignItems?: AlignItems;
 	apiRoute?: string | undefined;
 	autofocus?: boolean;
 	cancelButtonColor?: VBtn['$props']['color'];
@@ -162,6 +163,7 @@ export interface UseInlineFieldsContainerClass {
 	(
 		options: {
 			density?: GlobalDensity;
+			disabled?: Ref<boolean> | boolean;
 			field?: Ref<string> | string;
 			tableField?: SharedProps['tableField'];
 		},
@@ -200,7 +202,6 @@ export interface UseDisplayValueClass {
 		name: string,
 		valueColor: string,
 		options: {
-			disabled?: Ref<boolean> | boolean;
 			empty?: Ref<boolean> | boolean;
 			error?: Ref<boolean> | boolean;
 		},

From 64120ee7f615773e3151f4c929b256dd197d5edc Mon Sep 17 00:00:00 2001
From: WebDevNerdStuff <webdevnerdstuff@gmail.com>
Date: Sun, 4 Jun 2023 18:55:03 -0700
Subject: [PATCH 2/8] Updated packages

---
 package.json   |  20 +--
 pnpm-lock.yaml | 480 +++++++++++++++++++++++++------------------------
 2 files changed, 252 insertions(+), 248 deletions(-)

diff --git a/package.json b/package.json
index bcd7545..c6cc506 100644
--- a/package.json
+++ b/package.json
@@ -62,7 +62,7 @@
 	"dependencies": {
 		"@vueuse/core": "^10.1.2",
 		"vue": "^3.3.4",
-		"vuetify": "^3.3.1"
+		"vuetify": "^3.3.2"
 	},
 	"devDependencies": {
 		"@babel/core": "^7.22.1",
@@ -75,11 +75,11 @@
 		"@rollup/plugin-alias": "^5.0.0",
 		"@rollup/plugin-commonjs": "^25.0.0",
 		"@rollup/plugin-json": "^6.0.0",
-		"@rollup/plugin-node-resolve": "^15.0.2",
+		"@rollup/plugin-node-resolve": "^15.1.0",
 		"@rollup/plugin-terser": "^0.4.3",
 		"@types/node": "^20.2.5",
-		"@typescript-eslint/eslint-plugin": "^5.59.7",
-		"@typescript-eslint/parser": "^5.59.7",
+		"@typescript-eslint/eslint-plugin": "^5.59.8",
+		"@typescript-eslint/parser": "^5.59.8",
 		"@vitejs/plugin-vue": "^4.2.3",
 		"@vue/cli-plugin-babel": "^5.0.8",
 		"@vue/cli-plugin-eslint": "^5.0.8",
@@ -88,7 +88,7 @@
 		"@vue/eslint-config-typescript": "^11.0.3",
 		"autoprefixer": "^10.4.14",
 		"axios": "^1.4.0",
-		"eslint": "^8.41.0",
+		"eslint": "^8.42.0",
 		"eslint-config-prettier": "^8.8.0",
 		"eslint-plugin-import": "^2.27.5",
 		"eslint-plugin-prettier": "^4.2.1",
@@ -103,24 +103,24 @@
 		"postcss-scss": "^4.0.6",
 		"prettier": "^2.8.8",
 		"roboto-fontface": "^0.10.0",
-		"rollup": "^3.23.0",
+		"rollup": "^3.23.1",
 		"rollup-plugin-polyfill-node": "^0.12.0",
 		"rollup-plugin-postcss": "^4.0.2",
 		"rollup-plugin-scss": "^4.0.0",
 		"rollup-plugin-typescript2": "^0.34.1",
 		"sass": "^1.62.1",
-		"stylelint": "^15.6.2",
+		"stylelint": "^15.6.3",
 		"stylelint-config-standard": "^33.0.0",
 		"stylelint-order": "^6.0.3",
 		"stylelint-scss": "^5.0.0",
-		"typescript": "^5.0.4",
-		"unplugin-auto-import": "^0.16.2",
+		"typescript": "^5.1.3",
+		"unplugin-auto-import": "^0.16.4",
 		"vite": "^4.3.9",
 		"vite-plugin-babel": "^1.1.3",
 		"vite-plugin-css-injected-by-js": "^3.1.1",
 		"vite-plugin-dts": "^2.3.0",
 		"vite-plugin-eslint": "^1.8.1",
-		"vite-plugin-static-copy": "^0.15.0",
+		"vite-plugin-static-copy": "^0.16.0",
 		"vite-plugin-stylelint": "^4.3.0",
 		"vite-plugin-vuetify": "^1.0.2",
 		"vue-tsc": "^1.6.5",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index c42a363..13abb31 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -11,11 +11,11 @@ specifiers:
   '@rollup/plugin-alias': ^5.0.0
   '@rollup/plugin-commonjs': ^25.0.0
   '@rollup/plugin-json': ^6.0.0
-  '@rollup/plugin-node-resolve': ^15.0.2
+  '@rollup/plugin-node-resolve': ^15.1.0
   '@rollup/plugin-terser': ^0.4.3
   '@types/node': ^20.2.5
-  '@typescript-eslint/eslint-plugin': ^5.59.7
-  '@typescript-eslint/parser': ^5.59.7
+  '@typescript-eslint/eslint-plugin': ^5.59.8
+  '@typescript-eslint/parser': ^5.59.8
   '@vitejs/plugin-vue': ^4.2.3
   '@vue/cli-plugin-babel': ^5.0.8
   '@vue/cli-plugin-eslint': ^5.0.8
@@ -25,7 +25,7 @@ specifiers:
   '@vueuse/core': ^10.1.2
   autoprefixer: ^10.4.14
   axios: ^1.4.0
-  eslint: ^8.41.0
+  eslint: ^8.42.0
   eslint-config-prettier: ^8.8.0
   eslint-plugin-import: ^2.27.5
   eslint-plugin-prettier: ^4.2.1
@@ -40,97 +40,97 @@ specifiers:
   postcss-scss: ^4.0.6
   prettier: ^2.8.8
   roboto-fontface: ^0.10.0
-  rollup: ^3.23.0
+  rollup: ^3.23.1
   rollup-plugin-polyfill-node: ^0.12.0
   rollup-plugin-postcss: ^4.0.2
   rollup-plugin-scss: ^4.0.0
   rollup-plugin-typescript2: ^0.34.1
   sass: ^1.62.1
-  stylelint: ^15.6.2
+  stylelint: ^15.6.3
   stylelint-config-standard: ^33.0.0
   stylelint-order: ^6.0.3
   stylelint-scss: ^5.0.0
-  typescript: ^5.0.4
-  unplugin-auto-import: ^0.16.2
+  typescript: ^5.1.3
+  unplugin-auto-import: ^0.16.4
   vite: ^4.3.9
   vite-plugin-babel: ^1.1.3
   vite-plugin-css-injected-by-js: ^3.1.1
   vite-plugin-dts: ^2.3.0
   vite-plugin-eslint: ^1.8.1
-  vite-plugin-static-copy: ^0.15.0
+  vite-plugin-static-copy: ^0.16.0
   vite-plugin-stylelint: ^4.3.0
   vite-plugin-vuetify: ^1.0.2
   vue: ^3.3.4
   vue-tsc: ^1.6.5
   vue3-code-block: ^2.1.2
-  vuetify: ^3.3.1
+  vuetify: ^3.3.2
   webfontloader: ^1.6.28
 
 dependencies:
   '@vueuse/core': 10.1.2_vue@3.3.4
   vue: 3.3.4
-  vuetify: 3.3.1_k7jlnjsngdjtfgvcuwuwskp6qe
+  vuetify: 3.3.2_76pi6e7tq4uwgh7mzqutug4jau
 
 devDependencies:
   '@babel/core': 7.22.1
-  '@babel/eslint-parser': 7.21.8_by4wejwpbvx7rwok4n5jgqnouy
+  '@babel/eslint-parser': 7.21.8_x4z5szbpxidodfq6bg2unesv74
   '@fortawesome/fontawesome-svg-core': 6.4.0
   '@fortawesome/free-brands-svg-icons': 6.4.0
   '@fortawesome/free-solid-svg-icons': 6.4.0
   '@fortawesome/vue-fontawesome': 3.0.3_4mhwavzfveoxqj3h5dtyilc35q
   '@mdi/font': 7.2.96
-  '@rollup/plugin-alias': 5.0.0_rollup@3.23.0
-  '@rollup/plugin-commonjs': 25.0.0_rollup@3.23.0
-  '@rollup/plugin-json': 6.0.0_rollup@3.23.0
-  '@rollup/plugin-node-resolve': 15.0.2_rollup@3.23.0
-  '@rollup/plugin-terser': 0.4.3_rollup@3.23.0
+  '@rollup/plugin-alias': 5.0.0_rollup@3.23.1
+  '@rollup/plugin-commonjs': 25.0.0_rollup@3.23.1
+  '@rollup/plugin-json': 6.0.0_rollup@3.23.1
+  '@rollup/plugin-node-resolve': 15.1.0_rollup@3.23.1
+  '@rollup/plugin-terser': 0.4.3_rollup@3.23.1
   '@types/node': 20.2.5
-  '@typescript-eslint/eslint-plugin': 5.59.7_4aqcww3lmhn63lzs6egjlcvgfi
-  '@typescript-eslint/parser': 5.59.7_opaykosi7ysrbskpnffskmbrki
+  '@typescript-eslint/eslint-plugin': 5.59.8_54dzngpokg2nc3pytyodfzhcz4
+  '@typescript-eslint/parser': 5.59.8_tizxnkcvjrb4cldxgwq5h3lj5u
   '@vitejs/plugin-vue': 4.2.3_vite@4.3.9+vue@3.3.4
   '@vue/cli-plugin-babel': 5.0.8_txmybggnvwzjouxtymge3gtdly
-  '@vue/cli-plugin-eslint': 5.0.8_7cbvls47emtzvaerzta2wh5ul4
+  '@vue/cli-plugin-eslint': 5.0.8_r76nbw2bfis2jmdj3bjl4sccuu
   '@vue/cli-service': 5.0.8_tja5jwrritwjsrmizu2tiwu374
   '@vue/compiler-sfc': 3.3.4
-  '@vue/eslint-config-typescript': 11.0.3_ocgjbj4kpkkgtjcr4xzf2ooz5u
+  '@vue/eslint-config-typescript': 11.0.3_45r4kx6bpqacakqdugixdvhlzu
   autoprefixer: 10.4.14_postcss@8.4.24
   axios: 1.4.0
-  eslint: 8.41.0
-  eslint-config-prettier: 8.8.0_eslint@8.41.0
-  eslint-plugin-import: 2.27.5_izhqafgqng4wcko2njiubgromy
-  eslint-plugin-prettier: 4.2.1_xcqkel4mpum3npntysob2xmn54
-  eslint-plugin-vue: 9.14.1_eslint@8.41.0
+  eslint: 8.42.0
+  eslint-config-prettier: 8.8.0_eslint@8.42.0
+  eslint-plugin-import: 2.27.5_cch5xagassbcgkqtkb76u5drmm
+  eslint-plugin-prettier: 4.2.1_vnriwwub2rhvoyn4ckagrc4lpi
+  eslint-plugin-vue: 9.14.1_eslint@8.42.0
   gh-pages: 5.0.0
   husky: 8.0.3
   lint-staged: 13.2.2
   miragejs: 0.1.47
-  pinia: 2.1.3_typescript@5.0.4+vue@3.3.4
+  pinia: 2.1.3_typescript@5.1.3+vue@3.3.4
   postcss: 8.4.24
   postcss-html: 1.5.0
   postcss-scss: 4.0.6_postcss@8.4.24
   prettier: 2.8.8
   roboto-fontface: 0.10.0
-  rollup: 3.23.0
-  rollup-plugin-polyfill-node: 0.12.0_rollup@3.23.0
+  rollup: 3.23.1
+  rollup-plugin-polyfill-node: 0.12.0_rollup@3.23.1
   rollup-plugin-postcss: 4.0.2_postcss@8.4.24
   rollup-plugin-scss: 4.0.0
-  rollup-plugin-typescript2: 0.34.1_tnqflclqvwjfwgmj565zf7tvwe
+  rollup-plugin-typescript2: 0.34.1_keiixvaee3f54sbbmbarxx6a3e
   sass: 1.62.1
-  stylelint: 15.6.2
-  stylelint-config-standard: 33.0.0_stylelint@15.6.2
-  stylelint-order: 6.0.3_stylelint@15.6.2
-  stylelint-scss: 5.0.0_stylelint@15.6.2
-  typescript: 5.0.4
-  unplugin-auto-import: 0.16.2_yodqdwrzkmpth34tp3k3ra2mau
+  stylelint: 15.6.3
+  stylelint-config-standard: 33.0.0_stylelint@15.6.3
+  stylelint-order: 6.0.3_stylelint@15.6.3
+  stylelint-scss: 5.0.0_stylelint@15.6.3
+  typescript: 5.1.3
+  unplugin-auto-import: 0.16.4_wwrudn4rz7dmlro4nmuhdw3vny
   vite: 4.3.9_kxkosmzevect5blmp7ly2aqtpa
   vite-plugin-babel: 1.1.3_62fmxuwuswc5ml2mij6ubicxf4
   vite-plugin-css-injected-by-js: 3.1.1_vite@4.3.9
-  vite-plugin-dts: 2.3.0_4azgbh4sqx5lowecltlexatp3a
-  vite-plugin-eslint: 1.8.1_eslint@8.41.0+vite@4.3.9
-  vite-plugin-static-copy: 0.15.0_vite@4.3.9
-  vite-plugin-stylelint: 4.3.0_xgb6ckcdanko425bq5n72gt6ey
-  vite-plugin-vuetify: 1.0.2_w3ya35gat4rmvfwue3omv2yjxi
-  vue-tsc: 1.6.5_typescript@5.0.4
+  vite-plugin-dts: 2.3.0_wk4hgfqvwoq5vbdy4qhkkppl7y
+  vite-plugin-eslint: 1.8.1_eslint@8.42.0+vite@4.3.9
+  vite-plugin-static-copy: 0.16.0_vite@4.3.9
+  vite-plugin-stylelint: 4.3.0_ejvh6byhtl7il3z5nkunycbjru
+  vite-plugin-vuetify: 1.0.2_x3pkmfzsjj3vxhr3g2a7z42ene
+  vue-tsc: 1.6.5_typescript@5.1.3
   vue3-code-block: 2.1.2_vue@3.3.4
   webfontloader: 1.6.28
 
@@ -153,8 +153,8 @@ packages:
       '@jridgewell/trace-mapping': 0.3.18
     dev: true
 
-  /@antfu/utils/0.7.2:
-    resolution: {integrity: sha512-vy9fM3pIxZmX07dL+VX1aZe7ynZ+YyB0jY+jE6r3hOK6GNY2t6W8rzpFC4tgpbXUYABkFQwgJq2XYXlxbXAI0g==}
+  /@antfu/utils/0.7.4:
+    resolution: {integrity: sha512-qe8Nmh9rYI/HIspLSTwtbMFPj6dISG6+dJnOguTlPNXtCvS2uezdxscVBb7/3DrmNbQK49TDqpkSQ1chbRGdpQ==}
     dev: true
 
   /@babel/code-frame/7.21.4:
@@ -192,7 +192,7 @@ packages:
       - supports-color
     dev: true
 
-  /@babel/eslint-parser/7.21.8_by4wejwpbvx7rwok4n5jgqnouy:
+  /@babel/eslint-parser/7.21.8_x4z5szbpxidodfq6bg2unesv74:
     resolution: {integrity: sha512-HLhI+2q+BP3sf78mFUZNCGc10KEmoUqtUT1OCdMZsN+qr4qFeLUod62/zAnF3jNQstwyasDkZnVXwfK2Bml7MQ==}
     engines: {node: ^10.13.0 || ^12.13.0 || >=14.0.0}
     peerDependencies:
@@ -201,7 +201,7 @@ packages:
     dependencies:
       '@babel/core': 7.22.1
       '@nicolo-ribaudo/eslint-scope-5-internals': 5.1.1-v1
-      eslint: 8.41.0
+      eslint: 8.42.0
       eslint-visitor-keys: 2.1.0
       semver: 6.3.0
     dev: true
@@ -1392,8 +1392,8 @@ packages:
       '@babel/helper-validator-identifier': 7.19.1
       to-fast-properties: 2.0.0
 
-  /@csstools/css-parser-algorithms/2.1.1_gdfqdfecdiaxr4x3xd7wxrvuhq:
-    resolution: {integrity: sha512-viRnRh02AgO4mwIQb2xQNJju0i+Fh9roNgmbR5xEuG7J3TGgxjnE95HnBLgsFJOJOksvcfxOUCgODcft6Y07cA==}
+  /@csstools/css-parser-algorithms/2.2.0_gdfqdfecdiaxr4x3xd7wxrvuhq:
+    resolution: {integrity: sha512-9BoQ/jSrPq4vv3b9jjLW+PNNv56KlDH5JMx5yASSNrCtvq70FCNZUjXRvbCeR9hYj9ZyhURtqpU/RFIgg6kiOw==}
     engines: {node: ^14 || ^16 || >=18}
     peerDependencies:
       '@csstools/css-tokenizer': ^2.1.1
@@ -1406,14 +1406,14 @@ packages:
     engines: {node: ^14 || ^16 || >=18}
     dev: true
 
-  /@csstools/media-query-list-parser/2.0.4_rffw2jz5u7v47thsjhdr4x67vi:
-    resolution: {integrity: sha512-GyYot6jHgcSDZZ+tLSnrzkR7aJhF2ZW6d+CXH66mjy5WpAQhZD4HDke2OQ36SivGRWlZJpAz7TzbW6OKlEpxAA==}
+  /@csstools/media-query-list-parser/2.1.0_g5wmdbqtzzaodrrmvxcit5gfji:
+    resolution: {integrity: sha512-MXkR+TeaS2q9IkpyO6jVCdtA/bfpABJxIrfkLswThFN8EZZgI2RfAHhm6sDNDuYV25d5+b8Lj1fpTccIcSLPsQ==}
     engines: {node: ^14 || ^16 || >=18}
     peerDependencies:
       '@csstools/css-parser-algorithms': ^2.1.1
       '@csstools/css-tokenizer': ^2.1.1
     dependencies:
-      '@csstools/css-parser-algorithms': 2.1.1_gdfqdfecdiaxr4x3xd7wxrvuhq
+      '@csstools/css-parser-algorithms': 2.2.0_gdfqdfecdiaxr4x3xd7wxrvuhq
       '@csstools/css-tokenizer': 2.1.1
     dev: true
 
@@ -1607,13 +1607,13 @@ packages:
     requiresBuild: true
     optional: true
 
-  /@eslint-community/eslint-utils/4.4.0_eslint@8.41.0:
+  /@eslint-community/eslint-utils/4.4.0_eslint@8.42.0:
     resolution: {integrity: sha512-1/sA4dwrzBAyeUoQ6oxahHKmrZvsnLCg4RfxW3ZFGGmQkSNQPFNLV9CUEFQP1x9EYXHTo5p6xdhZM1Ne9p/AfA==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
       eslint: ^6.0.0 || ^7.0.0 || >=8.0.0
     dependencies:
-      eslint: 8.41.0
+      eslint: 8.42.0
       eslint-visitor-keys: 3.4.1
     dev: true
 
@@ -1639,8 +1639,8 @@ packages:
       - supports-color
     dev: true
 
-  /@eslint/js/8.41.0:
-    resolution: {integrity: sha512-LxcyMGxwmTh2lY9FwHPGWOHmYFCZvbrFCBZL4FzSSsxsRPuhrYUg/49/0KDfW8tnIEaEHtfmn6+NPN+1DqaNmA==}
+  /@eslint/js/8.42.0:
+    resolution: {integrity: sha512-6SWlXpWU5AvId8Ac7zjzmIOqMOba/JWY8XZ4A7q7Gn1Vlfg/SFFIlrtHXt9nPn4op9ZPAkl91Jao+QQv3r/ukw==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     dev: true
 
@@ -1694,8 +1694,8 @@ packages:
       '@hapi/hoek': 9.3.0
     dev: true
 
-  /@humanwhocodes/config-array/0.11.8:
-    resolution: {integrity: sha512-UybHIJzJnR5Qc/MsD9Kr+RpO2h+/P1GhOwdiLPXK5TWk5sgTdu88bTD9UP+CKbPPh5Rni1u0GjAdYQLemG8g+g==}
+  /@humanwhocodes/config-array/0.11.10:
+    resolution: {integrity: sha512-KVVjQmNUepDVGXNuoRRdmmEjruj0KfiGSbS8LVc12LMsWDQzRXJ0qdhN8L8uUigKpfEHRhlaQFY0ib1tnUbNeQ==}
     engines: {node: '>=10.10.0'}
     dependencies:
       '@humanwhocodes/object-schema': 1.2.1
@@ -1847,7 +1847,7 @@ packages:
     resolution: {integrity: sha512-a5Sab1C4/icpTZVzZc5Ghpz88yQtGOyNqYXcZgOssB2uuAr+wF/MvN6bgtW32q7HHrvBki+BsZ0OuNv6EV3K9g==}
     dev: true
 
-  /@rollup/plugin-alias/5.0.0_rollup@3.23.0:
+  /@rollup/plugin-alias/5.0.0_rollup@3.23.1:
     resolution: {integrity: sha512-l9hY5chSCjuFRPsnRm16twWBiSApl2uYFLsepQYwtBuAxNMQ/1dJqADld40P0Jkqm65GRTLy/AC6hnpVebtLsA==}
     engines: {node: '>=14.0.0'}
     peerDependencies:
@@ -1856,11 +1856,11 @@ packages:
       rollup:
         optional: true
     dependencies:
-      rollup: 3.23.0
+      rollup: 3.23.1
       slash: 4.0.0
     dev: true
 
-  /@rollup/plugin-commonjs/25.0.0_rollup@3.23.0:
+  /@rollup/plugin-commonjs/25.0.0_rollup@3.23.1:
     resolution: {integrity: sha512-hoho2Kay9TZrLu0bnDsTTCaj4Npa+THk9snajP/XDNb9a9mmjTjh52EQM9sKl3HD1LsnihX7js+eA2sd2uKAhw==}
     engines: {node: '>=14.0.0'}
     peerDependencies:
@@ -1869,16 +1869,16 @@ packages:
       rollup:
         optional: true
     dependencies:
-      '@rollup/pluginutils': 5.0.2_rollup@3.23.0
+      '@rollup/pluginutils': 5.0.2_rollup@3.23.1
       commondir: 1.0.1
       estree-walker: 2.0.2
       glob: 8.1.0
       is-reference: 1.2.1
       magic-string: 0.27.0
-      rollup: 3.23.0
+      rollup: 3.23.1
     dev: true
 
-  /@rollup/plugin-inject/5.0.3_rollup@3.23.0:
+  /@rollup/plugin-inject/5.0.3_rollup@3.23.1:
     resolution: {integrity: sha512-411QlbL+z2yXpRWFXSmw/teQRMkXcAAC8aYTemc15gwJRpvEVDQwoe+N/HTFD8RFG8+88Bme9DK2V9CVm7hJdA==}
     engines: {node: '>=14.0.0'}
     peerDependencies:
@@ -1887,13 +1887,13 @@ packages:
       rollup:
         optional: true
     dependencies:
-      '@rollup/pluginutils': 5.0.2_rollup@3.23.0
+      '@rollup/pluginutils': 5.0.2_rollup@3.23.1
       estree-walker: 2.0.2
       magic-string: 0.27.0
-      rollup: 3.23.0
+      rollup: 3.23.1
     dev: true
 
-  /@rollup/plugin-json/6.0.0_rollup@3.23.0:
+  /@rollup/plugin-json/6.0.0_rollup@3.23.1:
     resolution: {integrity: sha512-i/4C5Jrdr1XUarRhVu27EEwjt4GObltD7c+MkCIpO2QIbojw8MUs+CCTqOphQi3Qtg1FLmYt+l+6YeoIf51J7w==}
     engines: {node: '>=14.0.0'}
     peerDependencies:
@@ -1902,12 +1902,12 @@ packages:
       rollup:
         optional: true
     dependencies:
-      '@rollup/pluginutils': 5.0.2_rollup@3.23.0
-      rollup: 3.23.0
+      '@rollup/pluginutils': 5.0.2_rollup@3.23.1
+      rollup: 3.23.1
     dev: true
 
-  /@rollup/plugin-node-resolve/15.0.2_rollup@3.23.0:
-    resolution: {integrity: sha512-Y35fRGUjC3FaurG722uhUuG8YHOJRJQbI6/CkbRkdPotSpDj9NtIN85z1zrcyDcCQIW4qp5mgG72U+gJ0TAFEg==}
+  /@rollup/plugin-node-resolve/15.1.0_rollup@3.23.1:
+    resolution: {integrity: sha512-xeZHCgsiZ9pzYVgAo9580eCGqwh/XCEUM9q6iQfGNocjgkufHAqC3exA+45URvhiYV8sBF9RlBai650eNs7AsA==}
     engines: {node: '>=14.0.0'}
     peerDependencies:
       rollup: ^2.78.0||^3.0.0
@@ -1915,16 +1915,16 @@ packages:
       rollup:
         optional: true
     dependencies:
-      '@rollup/pluginutils': 5.0.2_rollup@3.23.0
+      '@rollup/pluginutils': 5.0.2_rollup@3.23.1
       '@types/resolve': 1.20.2
       deepmerge: 4.3.1
       is-builtin-module: 3.2.1
       is-module: 1.0.0
       resolve: 1.22.2
-      rollup: 3.23.0
+      rollup: 3.23.1
     dev: true
 
-  /@rollup/plugin-terser/0.4.3_rollup@3.23.0:
+  /@rollup/plugin-terser/0.4.3_rollup@3.23.1:
     resolution: {integrity: sha512-EF0oejTMtkyhrkwCdg0HJ0IpkcaVg1MMSf2olHb2Jp+1mnLM04OhjpJWGma4HobiDTF0WCyViWuvadyE9ch2XA==}
     engines: {node: '>=14.0.0'}
     peerDependencies:
@@ -1933,7 +1933,7 @@ packages:
       rollup:
         optional: true
     dependencies:
-      rollup: 3.23.0
+      rollup: 3.23.1
       serialize-javascript: 6.0.1
       smob: 1.1.1
       terser: 5.17.4
@@ -1947,7 +1947,7 @@ packages:
       picomatch: 2.3.1
     dev: true
 
-  /@rollup/pluginutils/5.0.2_rollup@3.23.0:
+  /@rollup/pluginutils/5.0.2_rollup@3.23.1:
     resolution: {integrity: sha512-pTd9rIsP92h+B6wWwFbW8RkZv4hiR/xKsqre4SIuAOaOEQRxi0lqLke9k2/7WegC85GgUs9pjmOjCUi3In4vwA==}
     engines: {node: '>=14.0.0'}
     peerDependencies:
@@ -1959,7 +1959,7 @@ packages:
       '@types/estree': 1.0.1
       estree-walker: 2.0.2
       picomatch: 2.3.1
-      rollup: 3.23.0
+      rollup: 3.23.1
     dev: true
 
   /@rushstack/node-core-library/3.59.0_@types+node@20.2.5:
@@ -2207,8 +2207,8 @@ packages:
       '@types/node': 20.2.5
     dev: true
 
-  /@typescript-eslint/eslint-plugin/5.59.7_4aqcww3lmhn63lzs6egjlcvgfi:
-    resolution: {integrity: sha512-BL+jYxUFIbuYwy+4fF86k5vdT9lT0CNJ6HtwrIvGh0PhH8s0yy5rjaKH2fDCrz5ITHy07WCzVGNvAmjJh4IJFA==}
+  /@typescript-eslint/eslint-plugin/5.59.8_54dzngpokg2nc3pytyodfzhcz4:
+    resolution: {integrity: sha512-JDMOmhXteJ4WVKOiHXGCoB96ADWg9q7efPWHRViT/f09bA8XOMLAVHHju3l0MkZnG1izaWXYmgvQcUjTRcpShQ==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
       '@typescript-eslint/parser': ^5.0.0
@@ -2219,24 +2219,24 @@ packages:
         optional: true
     dependencies:
       '@eslint-community/regexpp': 4.5.1
-      '@typescript-eslint/parser': 5.59.7_opaykosi7ysrbskpnffskmbrki
-      '@typescript-eslint/scope-manager': 5.59.7
-      '@typescript-eslint/type-utils': 5.59.7_opaykosi7ysrbskpnffskmbrki
-      '@typescript-eslint/utils': 5.59.7_opaykosi7ysrbskpnffskmbrki
+      '@typescript-eslint/parser': 5.59.8_tizxnkcvjrb4cldxgwq5h3lj5u
+      '@typescript-eslint/scope-manager': 5.59.8
+      '@typescript-eslint/type-utils': 5.59.8_tizxnkcvjrb4cldxgwq5h3lj5u
+      '@typescript-eslint/utils': 5.59.8_tizxnkcvjrb4cldxgwq5h3lj5u
       debug: 4.3.4
-      eslint: 8.41.0
+      eslint: 8.42.0
       grapheme-splitter: 1.0.4
       ignore: 5.2.4
       natural-compare-lite: 1.4.0
       semver: 7.5.1
-      tsutils: 3.21.0_typescript@5.0.4
-      typescript: 5.0.4
+      tsutils: 3.21.0_typescript@5.1.3
+      typescript: 5.1.3
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  /@typescript-eslint/parser/5.59.7_opaykosi7ysrbskpnffskmbrki:
-    resolution: {integrity: sha512-VhpsIEuq/8i5SF+mPg9jSdIwgMBBp0z9XqjiEay+81PYLJuroN+ET1hM5IhkiYMJd9MkTz8iJLt7aaGAgzWUbQ==}
+  /@typescript-eslint/parser/5.59.8_tizxnkcvjrb4cldxgwq5h3lj5u:
+    resolution: {integrity: sha512-AnR19RjJcpjoeGojmwZtCwBX/RidqDZtzcbG3xHrmz0aHHoOcbWnpDllenRDmDvsV0RQ6+tbb09/kyc+UT9Orw==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
       eslint: ^6.0.0 || ^7.0.0 || ^8.0.0
@@ -2245,26 +2245,26 @@ packages:
       typescript:
         optional: true
     dependencies:
-      '@typescript-eslint/scope-manager': 5.59.7
-      '@typescript-eslint/types': 5.59.7
-      '@typescript-eslint/typescript-estree': 5.59.7_typescript@5.0.4
+      '@typescript-eslint/scope-manager': 5.59.8
+      '@typescript-eslint/types': 5.59.8
+      '@typescript-eslint/typescript-estree': 5.59.8_typescript@5.1.3
       debug: 4.3.4
-      eslint: 8.41.0
-      typescript: 5.0.4
+      eslint: 8.42.0
+      typescript: 5.1.3
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  /@typescript-eslint/scope-manager/5.59.7:
-    resolution: {integrity: sha512-FL6hkYWK9zBGdxT2wWEd2W8ocXMu3K94i3gvMrjXpx+koFYdYV7KprKfirpgY34vTGzEPPuKoERpP8kD5h7vZQ==}
+  /@typescript-eslint/scope-manager/5.59.8:
+    resolution: {integrity: sha512-/w08ndCYI8gxGf+9zKf1vtx/16y8MHrZs5/tnjHhMLNSixuNcJavSX4wAiPf4aS5x41Es9YPCn44MIe4cxIlig==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     dependencies:
-      '@typescript-eslint/types': 5.59.7
-      '@typescript-eslint/visitor-keys': 5.59.7
+      '@typescript-eslint/types': 5.59.8
+      '@typescript-eslint/visitor-keys': 5.59.8
     dev: true
 
-  /@typescript-eslint/type-utils/5.59.7_opaykosi7ysrbskpnffskmbrki:
-    resolution: {integrity: sha512-ozuz/GILuYG7osdY5O5yg0QxXUAEoI4Go3Do5xeu+ERH9PorHBPSdvD3Tjp2NN2bNLh1NJQSsQu2TPu/Ly+HaQ==}
+  /@typescript-eslint/type-utils/5.59.8_tizxnkcvjrb4cldxgwq5h3lj5u:
+    resolution: {integrity: sha512-+5M518uEIHFBy3FnyqZUF3BMP+AXnYn4oyH8RF012+e7/msMY98FhGL5SrN29NQ9xDgvqCgYnsOiKp1VjZ/fpA==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
       eslint: '*'
@@ -2273,23 +2273,23 @@ packages:
       typescript:
         optional: true
     dependencies:
-      '@typescript-eslint/typescript-estree': 5.59.7_typescript@5.0.4
-      '@typescript-eslint/utils': 5.59.7_opaykosi7ysrbskpnffskmbrki
+      '@typescript-eslint/typescript-estree': 5.59.8_typescript@5.1.3
+      '@typescript-eslint/utils': 5.59.8_tizxnkcvjrb4cldxgwq5h3lj5u
       debug: 4.3.4
-      eslint: 8.41.0
-      tsutils: 3.21.0_typescript@5.0.4
-      typescript: 5.0.4
+      eslint: 8.42.0
+      tsutils: 3.21.0_typescript@5.1.3
+      typescript: 5.1.3
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  /@typescript-eslint/types/5.59.7:
-    resolution: {integrity: sha512-UnVS2MRRg6p7xOSATscWkKjlf/NDKuqo5TdbWck6rIRZbmKpVNTLALzNvcjIfHBE7736kZOFc/4Z3VcZwuOM/A==}
+  /@typescript-eslint/types/5.59.8:
+    resolution: {integrity: sha512-+uWuOhBTj/L6awoWIg0BlWy0u9TyFpCHrAuQ5bNfxDaZ1Ppb3mx6tUigc74LHcbHpOHuOTOJrBoAnhdHdaea1w==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     dev: true
 
-  /@typescript-eslint/typescript-estree/5.59.7_typescript@5.0.4:
-    resolution: {integrity: sha512-4A1NtZ1I3wMN2UGDkU9HMBL+TIQfbrh4uS0WDMMpf3xMRursDbqEf1ahh6vAAe3mObt8k3ZATnezwG4pdtWuUQ==}
+  /@typescript-eslint/typescript-estree/5.59.8_typescript@5.1.3:
+    resolution: {integrity: sha512-Jy/lPSDJGNow14vYu6IrW790p7HIf/SOV1Bb6lZ7NUkLc2iB2Z9elESmsaUtLw8kVqogSbtLH9tut5GCX1RLDg==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
       typescript: '*'
@@ -2297,31 +2297,31 @@ packages:
       typescript:
         optional: true
     dependencies:
-      '@typescript-eslint/types': 5.59.7
-      '@typescript-eslint/visitor-keys': 5.59.7
+      '@typescript-eslint/types': 5.59.8
+      '@typescript-eslint/visitor-keys': 5.59.8
       debug: 4.3.4
       globby: 11.1.0
       is-glob: 4.0.3
       semver: 7.5.1
-      tsutils: 3.21.0_typescript@5.0.4
-      typescript: 5.0.4
+      tsutils: 3.21.0_typescript@5.1.3
+      typescript: 5.1.3
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  /@typescript-eslint/utils/5.59.7_opaykosi7ysrbskpnffskmbrki:
-    resolution: {integrity: sha512-yCX9WpdQKaLufz5luG4aJbOpdXf/fjwGMcLFXZVPUz3QqLirG5QcwwnIHNf8cjLjxK4qtzTO8udUtMQSAToQnQ==}
+  /@typescript-eslint/utils/5.59.8_tizxnkcvjrb4cldxgwq5h3lj5u:
+    resolution: {integrity: sha512-Tr65630KysnNn9f9G7ROF3w1b5/7f6QVCJ+WK9nhIocWmx9F+TmCAcglF26Vm7z8KCTwoKcNEBZrhlklla3CKg==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
       eslint: ^6.0.0 || ^7.0.0 || ^8.0.0
     dependencies:
-      '@eslint-community/eslint-utils': 4.4.0_eslint@8.41.0
+      '@eslint-community/eslint-utils': 4.4.0_eslint@8.42.0
       '@types/json-schema': 7.0.12
       '@types/semver': 7.5.0
-      '@typescript-eslint/scope-manager': 5.59.7
-      '@typescript-eslint/types': 5.59.7
-      '@typescript-eslint/typescript-estree': 5.59.7_typescript@5.0.4
-      eslint: 8.41.0
+      '@typescript-eslint/scope-manager': 5.59.8
+      '@typescript-eslint/types': 5.59.8
+      '@typescript-eslint/typescript-estree': 5.59.8_typescript@5.1.3
+      eslint: 8.42.0
       eslint-scope: 5.1.1
       semver: 7.5.1
     transitivePeerDependencies:
@@ -2329,11 +2329,11 @@ packages:
       - typescript
     dev: true
 
-  /@typescript-eslint/visitor-keys/5.59.7:
-    resolution: {integrity: sha512-tyN+X2jvMslUszIiYbF0ZleP+RqQsFVpGrKI6e0Eet1w8WmhsAtmzaqm8oM8WJQ1ysLwhnsK/4hYHJjOgJVfQQ==}
+  /@typescript-eslint/visitor-keys/5.59.8:
+    resolution: {integrity: sha512-pJhi2ms0x0xgloT7xYabil3SGGlojNNKjK/q6dB3Ey0uJLMjK2UDGJvHieiyJVW/7C3KI+Z4Q3pEHkm4ejA+xQ==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     dependencies:
-      '@typescript-eslint/types': 5.59.7
+      '@typescript-eslint/types': 5.59.8
       eslint-visitor-keys: 3.4.1
     dev: true
 
@@ -2360,13 +2360,13 @@ packages:
       muggle-string: 0.2.2
     dev: true
 
-  /@volar/typescript/1.4.1-patch.2_typescript@5.0.4:
+  /@volar/typescript/1.4.1-patch.2_typescript@5.1.3:
     resolution: {integrity: sha512-lPFYaGt8OdMEzNGJJChF40uYqMO4Z/7Q9fHPQC/NRVtht43KotSXLrkPandVVMf9aPbiJ059eAT+fwHGX16k4w==}
     peerDependencies:
       typescript: '*'
     dependencies:
       '@volar/language-core': 1.4.1
-      typescript: 5.0.4
+      typescript: 5.1.3
     dev: true
 
   /@volar/vue-language-core/1.6.5:
@@ -2383,14 +2383,14 @@ packages:
       vue-template-compiler: 2.7.14
     dev: true
 
-  /@volar/vue-typescript/1.6.5_typescript@5.0.4:
+  /@volar/vue-typescript/1.6.5_typescript@5.1.3:
     resolution: {integrity: sha512-er9rVClS4PHztMUmtPMDTl+7c7JyrxweKSAEe/o/Noeq2bQx6v3/jZHVHBe8ZNUti5ubJL/+Tg8L3bzmlalV8A==}
     peerDependencies:
       typescript: '*'
     dependencies:
-      '@volar/typescript': 1.4.1-patch.2_typescript@5.0.4
+      '@volar/typescript': 1.4.1-patch.2_typescript@5.1.3
       '@volar/vue-language-core': 1.6.5
-      typescript: 5.0.4
+      typescript: 5.1.3
     dev: true
 
   /@vue/babel-helper-vue-jsx-merge-props/1.4.0:
@@ -2572,7 +2572,7 @@ packages:
       - webpack-cli
     dev: true
 
-  /@vue/cli-plugin-eslint/5.0.8_7cbvls47emtzvaerzta2wh5ul4:
+  /@vue/cli-plugin-eslint/5.0.8_r76nbw2bfis2jmdj3bjl4sccuu:
     resolution: {integrity: sha512-d11+I5ONYaAPW1KyZj9GlrV/E6HZePq5L5eAF5GgoVdu6sxr6bDgEoxzhcS1Pk2eh8rn1MxG/FyyR+eCBj/CNg==}
     peerDependencies:
       '@vue/cli-service': ^3.0.0 || ^4.0.0 || ^5.0.0-0
@@ -2580,8 +2580,8 @@ packages:
     dependencies:
       '@vue/cli-service': 5.0.8_tja5jwrritwjsrmizu2tiwu374
       '@vue/cli-shared-utils': 5.0.8
-      eslint: 8.41.0
-      eslint-webpack-plugin: 3.2.0_7rkwz6agxalqx6pnipdlf4soh4
+      eslint: 8.42.0
+      eslint-webpack-plugin: 3.2.0_ql6yzxq55stx2zmq66jlv43ycq
       globby: 11.1.0
       webpack: 5.82.1
       yorkie: 2.0.0
@@ -2894,7 +2894,7 @@ packages:
     resolution: {integrity: sha512-o9KfBeaBmCKl10usN4crU53fYtC1r7jJwdGKjPT24t348rHxgfpZ0xL3Xm/gLUYnc0oTp8LAmrxOeLyu6tbk2Q==}
     dev: true
 
-  /@vue/eslint-config-typescript/11.0.3_ocgjbj4kpkkgtjcr4xzf2ooz5u:
+  /@vue/eslint-config-typescript/11.0.3_45r4kx6bpqacakqdugixdvhlzu:
     resolution: {integrity: sha512-dkt6W0PX6H/4Xuxg/BlFj5xHvksjpSlVjtkQCpaYJBIEuKj2hOVU7r+TIe+ysCwRYFz/lGqvklntRkCAibsbPw==}
     engines: {node: ^14.17.0 || >=16.0.0}
     peerDependencies:
@@ -2905,12 +2905,12 @@ packages:
       typescript:
         optional: true
     dependencies:
-      '@typescript-eslint/eslint-plugin': 5.59.7_4aqcww3lmhn63lzs6egjlcvgfi
-      '@typescript-eslint/parser': 5.59.7_opaykosi7ysrbskpnffskmbrki
-      eslint: 8.41.0
-      eslint-plugin-vue: 9.14.1_eslint@8.41.0
-      typescript: 5.0.4
-      vue-eslint-parser: 9.3.0_eslint@8.41.0
+      '@typescript-eslint/eslint-plugin': 5.59.8_54dzngpokg2nc3pytyodfzhcz4
+      '@typescript-eslint/parser': 5.59.8_tizxnkcvjrb4cldxgwq5h3lj5u
+      eslint: 8.42.0
+      eslint-plugin-vue: 9.14.1_eslint@8.42.0
+      typescript: 5.1.3
+      vue-eslint-parser: 9.3.0_eslint@8.42.0
     transitivePeerDependencies:
       - supports-color
     dev: true
@@ -2968,7 +2968,7 @@ packages:
     resolution: {integrity: sha512-Iu8Tbg3f+emIIMmI2ycSI8QcEuAUgPTgHwesDU1eKMLE4YC/c/sFbGc70QgMq31ijRftV0R7vCm9co6rldCeOA==}
     dev: true
 
-  /@vuetify/loader-shared/1.7.1_vue@3.3.4+vuetify@3.3.1:
+  /@vuetify/loader-shared/1.7.1_vue@3.3.4+vuetify@3.3.2:
     resolution: {integrity: sha512-kLUvuAed6RCvkeeTNJzuy14pqnkur8lTuner7v7pNE/kVhPR97TuyXwBSBMR1cJeiLiOfu6SF5XlCYbXByEx1g==}
     peerDependencies:
       vue: ^3.0.0
@@ -2977,7 +2977,7 @@ packages:
       find-cache-dir: 3.3.2
       upath: 2.0.1
       vue: 3.3.4
-      vuetify: 3.3.1_k7jlnjsngdjtfgvcuwuwskp6qe
+      vuetify: 3.3.2_76pi6e7tq4uwgh7mzqutug4jau
 
   /@vueuse/core/10.1.2_vue@3.3.4:
     resolution: {integrity: sha512-roNn8WuerI56A5uiTyF/TEYX0Y+VKlhZAF94unUfdhbDUI+NfwQMn4FUnUscIRUhv3344qvAghopU4bzLPNFlA==}
@@ -3616,7 +3616,7 @@ packages:
     resolution: {integrity: sha512-gxGWBrTT1JuMx6R+o5PTXMmUnhnVzLQ9SNutD4YqKtI6ap897t3tKECYla6gCWEkplXnlNybEkZg9GEGxKFCgw==}
     dependencies:
       pascal-case: 3.1.2
-      tslib: 2.5.0
+      tslib: 2.5.3
     dev: true
 
   /camelcase-keys/6.2.2:
@@ -4149,8 +4149,8 @@ packages:
       yaml: 1.10.2
     dev: true
 
-  /cosmiconfig/8.1.3:
-    resolution: {integrity: sha512-/UkO2JKI18b5jVMJUp0lvKFMpa/Gye+ZgZjKD+DGEN9y7NRcf/nK1A0sp67ONmKtnDCNMS44E6jrk0Yc3bDuUw==}
+  /cosmiconfig/8.2.0:
+    resolution: {integrity: sha512-3rTMnFJA1tCOPwRxtgF4wd7Ab2qvDbL8jX+3smjIbS4HlZBagTlpERbdN7iAbWlrfxE3M8c27kTwTawQ7st+OQ==}
     engines: {node: '>=14'}
     dependencies:
       import-fresh: 3.3.0
@@ -4558,7 +4558,7 @@ packages:
     resolution: {integrity: sha512-Kv5nKlh6yRrdrGvxeJ2e5y2eRUpkUosIW4A2AS38zwSz27zu7ufDwQPi5Jhs3XAlGNetl3bmnGhQsMtkKJnj3w==}
     dependencies:
       no-case: 3.0.4
-      tslib: 2.5.0
+      tslib: 2.5.3
     dev: true
 
   /dotenv-expand/5.1.0:
@@ -4773,13 +4773,13 @@ packages:
     engines: {node: '>=12'}
     dev: true
 
-  /eslint-config-prettier/8.8.0_eslint@8.41.0:
+  /eslint-config-prettier/8.8.0_eslint@8.42.0:
     resolution: {integrity: sha512-wLbQiFre3tdGgpDv67NQKnJuTlcUVYHas3k+DZCc2U2BadthoEY4B7hLPvAxaqdyOGCzuLfii2fqGph10va7oA==}
     hasBin: true
     peerDependencies:
       eslint: '>=7.0.0'
     dependencies:
-      eslint: 8.41.0
+      eslint: 8.42.0
     dev: true
 
   /eslint-import-resolver-node/0.3.7:
@@ -4792,7 +4792,7 @@ packages:
       - supports-color
     dev: true
 
-  /eslint-module-utils/2.8.0_e57gmbeodeqbdagy4uvph5troe:
+  /eslint-module-utils/2.8.0_oq5pnf5kzpyokz4bwukpv5idlm:
     resolution: {integrity: sha512-aWajIYfsqCKRDgUfjEXNN/JlrzauMuSEy5sbd7WXbtW3EH6A6MpwEh42c7qD+MqQo9QMJ6fWLAeIJynx0g6OAw==}
     engines: {node: '>=4'}
     peerDependencies:
@@ -4813,15 +4813,15 @@ packages:
       eslint-import-resolver-webpack:
         optional: true
     dependencies:
-      '@typescript-eslint/parser': 5.59.7_opaykosi7ysrbskpnffskmbrki
+      '@typescript-eslint/parser': 5.59.8_tizxnkcvjrb4cldxgwq5h3lj5u
       debug: 3.2.7
-      eslint: 8.41.0
+      eslint: 8.42.0
       eslint-import-resolver-node: 0.3.7
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  /eslint-plugin-import/2.27.5_izhqafgqng4wcko2njiubgromy:
+  /eslint-plugin-import/2.27.5_cch5xagassbcgkqtkb76u5drmm:
     resolution: {integrity: sha512-LmEt3GVofgiGuiE+ORpnvP+kAm3h6MLZJ4Q5HCyHADofsb4VzXFsRiWj3c0OFiV+3DWFh0qg3v9gcPlfc3zRow==}
     engines: {node: '>=4'}
     peerDependencies:
@@ -4831,15 +4831,15 @@ packages:
       '@typescript-eslint/parser':
         optional: true
     dependencies:
-      '@typescript-eslint/parser': 5.59.7_opaykosi7ysrbskpnffskmbrki
+      '@typescript-eslint/parser': 5.59.8_tizxnkcvjrb4cldxgwq5h3lj5u
       array-includes: 3.1.6
       array.prototype.flat: 1.3.1
       array.prototype.flatmap: 1.3.1
       debug: 3.2.7
       doctrine: 2.1.0
-      eslint: 8.41.0
+      eslint: 8.42.0
       eslint-import-resolver-node: 0.3.7
-      eslint-module-utils: 2.8.0_e57gmbeodeqbdagy4uvph5troe
+      eslint-module-utils: 2.8.0_oq5pnf5kzpyokz4bwukpv5idlm
       has: 1.0.3
       is-core-module: 2.12.0
       is-glob: 4.0.3
@@ -4854,7 +4854,7 @@ packages:
       - supports-color
     dev: true
 
-  /eslint-plugin-prettier/4.2.1_xcqkel4mpum3npntysob2xmn54:
+  /eslint-plugin-prettier/4.2.1_vnriwwub2rhvoyn4ckagrc4lpi:
     resolution: {integrity: sha512-f/0rXLXUt0oFYs8ra4w49wYZBG5GKZpAYsJSm6rnYL5uVDjd+zowwMwVZHnAjf4edNrKpCDYfXDgmRE/Ak7QyQ==}
     engines: {node: '>=12.0.0'}
     peerDependencies:
@@ -4865,25 +4865,25 @@ packages:
       eslint-config-prettier:
         optional: true
     dependencies:
-      eslint: 8.41.0
-      eslint-config-prettier: 8.8.0_eslint@8.41.0
+      eslint: 8.42.0
+      eslint-config-prettier: 8.8.0_eslint@8.42.0
       prettier: 2.8.8
       prettier-linter-helpers: 1.0.0
     dev: true
 
-  /eslint-plugin-vue/9.14.1_eslint@8.41.0:
+  /eslint-plugin-vue/9.14.1_eslint@8.42.0:
     resolution: {integrity: sha512-LQazDB1qkNEKejLe/b5a9VfEbtbczcOaui5lQ4Qw0tbRBbQYREyxxOV5BQgNDTqGPs9pxqiEpbMi9ywuIaF7vw==}
     engines: {node: ^14.17.0 || >=16.0.0}
     peerDependencies:
       eslint: ^6.2.0 || ^7.0.0 || ^8.0.0
     dependencies:
-      '@eslint-community/eslint-utils': 4.4.0_eslint@8.41.0
-      eslint: 8.41.0
+      '@eslint-community/eslint-utils': 4.4.0_eslint@8.42.0
+      eslint: 8.42.0
       natural-compare: 1.4.0
       nth-check: 2.1.1
       postcss-selector-parser: 6.0.13
       semver: 7.5.1
-      vue-eslint-parser: 9.3.0_eslint@8.41.0
+      vue-eslint-parser: 9.3.0_eslint@8.42.0
       xml-name-validator: 4.0.0
     transitivePeerDependencies:
       - supports-color
@@ -4915,7 +4915,7 @@ packages:
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     dev: true
 
-  /eslint-webpack-plugin/3.2.0_7rkwz6agxalqx6pnipdlf4soh4:
+  /eslint-webpack-plugin/3.2.0_ql6yzxq55stx2zmq66jlv43ycq:
     resolution: {integrity: sha512-avrKcGncpPbPSUHX6B3stNGzkKFto3eL+DKM4+VyMrVnhPc3vRczVlCq3uhuFOdRvDHTVXuzwk1ZKUrqDQHQ9w==}
     engines: {node: '>= 12.13.0'}
     peerDependencies:
@@ -4923,7 +4923,7 @@ packages:
       webpack: ^5.0.0
     dependencies:
       '@types/eslint': 8.37.0
-      eslint: 8.41.0
+      eslint: 8.42.0
       jest-worker: 28.1.3
       micromatch: 4.0.5
       normalize-path: 3.0.0
@@ -4931,16 +4931,16 @@ packages:
       webpack: 5.82.1
     dev: true
 
-  /eslint/8.41.0:
-    resolution: {integrity: sha512-WQDQpzGBOP5IrXPo4Hc0814r4/v2rrIsB0rhT7jtunIalgg6gYXWhRMOejVO8yH21T/FGaxjmFjBMNqcIlmH1Q==}
+  /eslint/8.42.0:
+    resolution: {integrity: sha512-ulg9Ms6E1WPf67PHaEY4/6E2tEn5/f7FXGzr3t9cBMugOmf1INYvuUwwh1aXQN4MfJ6a5K2iNwP3w4AColvI9A==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     hasBin: true
     dependencies:
-      '@eslint-community/eslint-utils': 4.4.0_eslint@8.41.0
+      '@eslint-community/eslint-utils': 4.4.0_eslint@8.42.0
       '@eslint-community/regexpp': 4.5.1
       '@eslint/eslintrc': 2.0.3
-      '@eslint/js': 8.41.0
-      '@humanwhocodes/config-array': 0.11.8
+      '@eslint/js': 8.42.0
+      '@humanwhocodes/config-array': 0.11.10
       '@humanwhocodes/module-importer': 1.0.1
       '@nodelib/fs.walk': 1.2.8
       ajv: 6.12.6
@@ -6574,7 +6574,7 @@ packages:
   /lower-case/2.0.2:
     resolution: {integrity: sha512-7fm3l3NAF9WfN6W3JOmf5drwpVqX78JtoGJ3A6W0a6ZnldM41w2fV5D490psKFTpMds8TJse/eHLFFsNHHjHgg==}
     dependencies:
-      tslib: 2.5.0
+      tslib: 2.5.3
     dev: true
 
   /lru-cache/4.1.5:
@@ -6862,7 +6862,7 @@ packages:
     resolution: {integrity: sha512-HT5mcgIQKkOrZecOjOX3DJorTikWXwsBfpcr/MGBkhfWcjiqvnaL/9ppxvIUXfjT6xt4DVIAsN9fMUz1ev4bIw==}
     dependencies:
       acorn: 8.8.2
-      pathe: 1.1.0
+      pathe: 1.1.1
       pkg-types: 1.0.3
       ufo: 1.1.2
     dev: true
@@ -6937,7 +6937,7 @@ packages:
     resolution: {integrity: sha512-fgAN3jGAh+RoxUGZHTSOLJIqUc2wmoBwGR4tbpNAKmmovFoWq0OdRkb0VkldReO2a2iBT/OEulG9XSUc10r3zg==}
     dependencies:
       lower-case: 2.0.2
-      tslib: 2.5.0
+      tslib: 2.5.3
     dev: true
 
   /node-fetch/2.6.11:
@@ -7216,7 +7216,7 @@ packages:
     resolution: {integrity: sha512-RXlj7zCYokReqWpOPH9oYivUzLYZ5vAPIfEmCTNViosC78F8F0H9y7T7gG2M39ymgutxF5gcFEsyZQSph9Bp3A==}
     dependencies:
       dot-case: 3.0.4
-      tslib: 2.5.0
+      tslib: 2.5.3
     dev: true
 
   /parent-module/1.0.1:
@@ -7259,7 +7259,7 @@ packages:
     resolution: {integrity: sha512-uWlGT3YSnK9x3BQJaOdcZwrnV6hPpd8jFH1/ucpiLRPh/2zCVJKS19E4GvYHvaCcACn3foXZ0cLB9Wrx1KGe5g==}
     dependencies:
       no-case: 3.0.4
-      tslib: 2.5.0
+      tslib: 2.5.3
     dev: true
 
   /path-browserify/1.0.1:
@@ -7303,8 +7303,8 @@ packages:
     engines: {node: '>=8'}
     dev: true
 
-  /pathe/1.1.0:
-    resolution: {integrity: sha512-ODbEPR0KKHqECXW1GoxdDb+AZvULmXjVPy4rt+pGo2+TnjJTIPJQSVS6N63n8T2Ip+syHhbn52OewKicV0373w==}
+  /pathe/1.1.1:
+    resolution: {integrity: sha512-d+RQGp0MAYTIaDBIMmOfMwz3E+LOZnxx1HZd5R18mmCZY0QBlK0LDZfPc8FW8Ed2DlvsuE6PRjroDY+wg4+j/Q==}
     dev: true
 
   /picocolors/0.2.1:
@@ -7334,7 +7334,7 @@ packages:
     engines: {node: '>=10'}
     dev: true
 
-  /pinia/2.1.3_typescript@5.0.4+vue@3.3.4:
+  /pinia/2.1.3_typescript@5.1.3+vue@3.3.4:
     resolution: {integrity: sha512-XNA/z/ye4P5rU1pieVmh0g/hSuDO98/a5UC8oSP0DNdvt6YtetJNHTrXwpwsQuflkGT34qKxAEcp7lSxXNjf/A==}
     peerDependencies:
       '@vue/composition-api': ^1.4.0
@@ -7347,7 +7347,7 @@ packages:
         optional: true
     dependencies:
       '@vue/devtools-api': 6.5.0
-      typescript: 5.0.4
+      typescript: 5.1.3
       vue: 3.3.4
       vue-demi: 0.14.5_vue@3.3.4
     dev: true
@@ -7375,7 +7375,7 @@ packages:
     dependencies:
       jsonc-parser: 3.2.0
       mlly: 1.3.0
-      pathe: 1.1.0
+      pathe: 1.1.1
     dev: true
 
   /portfinder/1.0.32:
@@ -8099,7 +8099,7 @@ packages:
   /resolve/1.19.0:
     resolution: {integrity: sha512-rArEXAgsBG4UgRGcynxWIWKFvh/XZCcS8UJdHhwy91zwAvCZIbcs+vAbflgBnNjYMs/i/i+/Ux6IZhML1yPvxg==}
     dependencies:
-      is-core-module: 2.12.0
+      is-core-module: 2.12.1
       path-parse: 1.0.7
     dev: true
 
@@ -8107,7 +8107,7 @@ packages:
     resolution: {integrity: sha512-Sb+mjNHOULsBv818T40qSPeRiuWLyaGMa5ewydRLFimneixmVy2zdivRl+AF6jaYPC8ERxGDmFSiqui6SfPd+g==}
     hasBin: true
     dependencies:
-      is-core-module: 2.12.0
+      is-core-module: 2.12.1
       path-parse: 1.0.7
       supports-preserve-symlinks-flag: 1.0.0
     dev: true
@@ -8153,13 +8153,13 @@ packages:
     resolution: {integrity: sha512-OlwfYEgA2RdboZohpldlvJ1xngOins5d7ejqnIBWr9KaMxsnBqotpptRXTyfNRLnFpqzX6sTDt+X+a+6udnU8g==}
     dev: true
 
-  /rollup-plugin-polyfill-node/0.12.0_rollup@3.23.0:
+  /rollup-plugin-polyfill-node/0.12.0_rollup@3.23.1:
     resolution: {integrity: sha512-PWEVfDxLEKt8JX1nZ0NkUAgXpkZMTb85rO/Ru9AQ69wYW8VUCfDgP4CGRXXWYni5wDF0vIeR1UoF3Jmw/Lt3Ug==}
     peerDependencies:
       rollup: ^1.20.0 || ^2.0.0 || ^3.0.0
     dependencies:
-      '@rollup/plugin-inject': 5.0.3_rollup@3.23.0
-      rollup: 3.23.0
+      '@rollup/plugin-inject': 5.0.3_rollup@3.23.1
+      rollup: 3.23.1
     dev: true
 
   /rollup-plugin-postcss/4.0.2_postcss@8.4.24:
@@ -8192,7 +8192,7 @@ packages:
       rollup-pluginutils: 2.8.2
     dev: true
 
-  /rollup-plugin-typescript2/0.34.1_tnqflclqvwjfwgmj565zf7tvwe:
+  /rollup-plugin-typescript2/0.34.1_keiixvaee3f54sbbmbarxx6a3e:
     resolution: {integrity: sha512-P4cHLtGikESmqi1CA+tdMDUv8WbQV48mzPYt77TSTOPJpERyZ9TXdDgjSDix8Fkqce6soYz3+fa4lrC93IEkcw==}
     peerDependencies:
       rollup: '>=1.26.3'
@@ -8201,10 +8201,10 @@ packages:
       '@rollup/pluginutils': 4.2.1
       find-cache-dir: 3.3.2
       fs-extra: 10.1.0
-      rollup: 3.23.0
+      rollup: 3.23.1
       semver: 7.5.1
       tslib: 2.5.0
-      typescript: 5.0.4
+      typescript: 5.1.3
     dev: true
 
   /rollup-pluginutils/2.8.2:
@@ -8221,8 +8221,8 @@ packages:
       fsevents: 2.3.2
     dev: true
 
-  /rollup/3.23.0:
-    resolution: {integrity: sha512-h31UlwEi7FHihLe1zbk+3Q7z1k/84rb9BSwmBSr/XjOCEaBJ2YyedQDuM0t/kfOS0IxM+vk1/zI9XxYj9V+NJQ==}
+  /rollup/3.23.1:
+    resolution: {integrity: sha512-ybRdFVHOoljGEFILHLd2g/qateqUdjE6YS41WXq4p3C/WwD3xtWxV4FYWETA1u9TeXQc5K8L8zHE5d/scOvrOQ==}
     engines: {node: '>=14.18.0', npm: '>=8.0.0'}
     hasBin: true
     optionalDependencies:
@@ -8642,7 +8642,7 @@ packages:
     dependencies:
       eastasianwidth: 0.2.0
       emoji-regex: 9.2.2
-      strip-ansi: 7.0.1
+      strip-ansi: 7.1.0
     dev: true
 
   /string.prototype.trim/1.2.7:
@@ -8696,8 +8696,8 @@ packages:
       ansi-regex: 5.0.1
     dev: true
 
-  /strip-ansi/7.0.1:
-    resolution: {integrity: sha512-cXNxvT8dFNRVfhVME3JAe98mkXDYN2O1l7jmcwMnOslDeESg1rF/OZMtK0nRAhiari1unG5cD4jG3rapUAkLbw==}
+  /strip-ansi/7.1.0:
+    resolution: {integrity: sha512-iq6eVVI64nQQTRYq2KtEg2d2uU7LElhTJwsH4YzIHZshxlgZms/wIc4VoDQTlG/IvVIrBKG06CrZnp0qv7hkcQ==}
     engines: {node: '>=12'}
     dependencies:
       ansi-regex: 6.0.1
@@ -8772,34 +8772,34 @@ packages:
       postcss-selector-parser: 6.0.13
     dev: true
 
-  /stylelint-config-recommended/12.0.0_stylelint@15.6.2:
+  /stylelint-config-recommended/12.0.0_stylelint@15.6.3:
     resolution: {integrity: sha512-x6x8QNARrGO2sG6iURkzqL+Dp+4bJorPMMRNPScdvaUK8PsynriOcMW7AFDKqkWAS5wbue/u8fUT/4ynzcmqdQ==}
     peerDependencies:
       stylelint: ^15.5.0
     dependencies:
-      stylelint: 15.6.2
+      stylelint: 15.6.3
     dev: true
 
-  /stylelint-config-standard/33.0.0_stylelint@15.6.2:
+  /stylelint-config-standard/33.0.0_stylelint@15.6.3:
     resolution: {integrity: sha512-eyxnLWoXImUn77+ODIuW9qXBDNM+ALN68L3wT1lN2oNspZ7D9NVGlNHb2QCUn4xDug6VZLsh0tF8NyoYzkgTzg==}
     peerDependencies:
       stylelint: ^15.5.0
     dependencies:
-      stylelint: 15.6.2
-      stylelint-config-recommended: 12.0.0_stylelint@15.6.2
+      stylelint: 15.6.3
+      stylelint-config-recommended: 12.0.0_stylelint@15.6.3
     dev: true
 
-  /stylelint-order/6.0.3_stylelint@15.6.2:
+  /stylelint-order/6.0.3_stylelint@15.6.3:
     resolution: {integrity: sha512-1j1lOb4EU/6w49qZeT2SQVJXm0Ht+Qnq9GMfUa3pMwoyojIWfuA+JUDmoR97Bht1RLn4ei0xtLGy87M7d29B1w==}
     peerDependencies:
       stylelint: ^14.0.0 || ^15.0.0
     dependencies:
       postcss: 8.4.24
       postcss-sorting: 8.0.2_postcss@8.4.24
-      stylelint: 15.6.2
+      stylelint: 15.6.3
     dev: true
 
-  /stylelint-scss/5.0.0_stylelint@15.6.2:
+  /stylelint-scss/5.0.0_stylelint@15.6.3:
     resolution: {integrity: sha512-5Ee5kG3JIcP2jk2PMoFMiNmW/815V+wK5o37X5ke90ihWMpPXI9iyqeA6zEWipWSRXeQc0kqbd7hKqiR+wPKNA==}
     peerDependencies:
       stylelint: ^14.5.1 || ^15.0.0
@@ -8808,21 +8808,21 @@ packages:
       postcss-resolve-nested-selector: 0.1.1
       postcss-selector-parser: 6.0.13
       postcss-value-parser: 4.2.0
-      stylelint: 15.6.2
+      stylelint: 15.6.3
     dev: true
 
-  /stylelint/15.6.2:
-    resolution: {integrity: sha512-fjQWwcdUye4DU+0oIxNGwawIPC5DvG5kdObY5Sg4rc87untze3gC/5g/ikePqVjrAsBUZjwMN+pZsAYbDO6ArQ==}
+  /stylelint/15.6.3:
+    resolution: {integrity: sha512-qWUfFsnPyrgK8NMFvGkjUrF1+DNrS5VMoN39meJbeQcOW8NE3pxIwTpA35m0MG6lmZobs7GVoQUdELmzqdO7XQ==}
     engines: {node: ^14.13.1 || >=16.0.0}
     hasBin: true
     dependencies:
-      '@csstools/css-parser-algorithms': 2.1.1_gdfqdfecdiaxr4x3xd7wxrvuhq
+      '@csstools/css-parser-algorithms': 2.2.0_gdfqdfecdiaxr4x3xd7wxrvuhq
       '@csstools/css-tokenizer': 2.1.1
-      '@csstools/media-query-list-parser': 2.0.4_rffw2jz5u7v47thsjhdr4x67vi
+      '@csstools/media-query-list-parser': 2.1.0_g5wmdbqtzzaodrrmvxcit5gfji
       '@csstools/selector-specificity': 2.2.0_c3vcbepomgmxc74cgtawpgpkyi
       balanced-match: 2.0.0
       colord: 2.9.3
-      cosmiconfig: 8.1.3
+      cosmiconfig: 8.2.0
       css-functions-list: 3.1.0
       css-tree: 2.3.1
       debug: 4.3.4
@@ -9064,14 +9064,18 @@ packages:
     resolution: {integrity: sha512-336iVw3rtn2BUK7ORdIAHTyxHGRIHVReokCR3XjbckJMK7ms8FysBfhLR8IXnAgy7T0PTPNBWKiH514FOW/WSg==}
     dev: true
 
-  /tsutils/3.21.0_typescript@5.0.4:
+  /tslib/2.5.3:
+    resolution: {integrity: sha512-mSxlJJwl3BMEQCUNnxXBU9jP4JBktcEGhURcPR6VQVlnP0FdDEsIaz0C35dXNGLyRfrATNofF0F5p2KPxQgB+w==}
+    dev: true
+
+  /tsutils/3.21.0_typescript@5.1.3:
     resolution: {integrity: sha512-mHKK3iUXL+3UF6xL5k0PEhKRUBKPBCv/+RkEOpjRWxxx27KKRBmmA60A9pgOUvMi8GKhRMPEmjBRPzs2W7O1OA==}
     engines: {node: '>= 6'}
     peerDependencies:
       typescript: '>=2.8.0 || >= 3.2.0-dev || >= 3.3.0-dev || >= 3.4.0-dev || >= 3.5.0-dev || >= 3.6.0-dev || >= 3.6.0-beta || >= 3.7.0-dev || >= 3.7.0-beta'
     dependencies:
       tslib: 1.14.1
-      typescript: 5.0.4
+      typescript: 5.1.3
     dev: true
 
   /type-check/0.4.0:
@@ -9128,9 +9132,9 @@ packages:
     hasBin: true
     dev: true
 
-  /typescript/5.0.4:
-    resolution: {integrity: sha512-cW9T5W9xY37cc+jfEnaUvX91foxtHkza3Nw3wkoF4sSlKn0MONdkdEndig/qPBWXNkmplh3NzayQzCiHM4/hqw==}
-    engines: {node: '>=12.20'}
+  /typescript/5.1.3:
+    resolution: {integrity: sha512-XH627E9vkeqhlZFQuL+UsyAXEnibT0kWR2FWONlr4sTjvxyJYnyefgrkyECLzM5NenmKzRAy2rR/OlYLA1HkZw==}
+    engines: {node: '>=14.17'}
     hasBin: true
 
   /ua-parser-js/1.0.35:
@@ -9173,16 +9177,16 @@ packages:
     engines: {node: '>=4'}
     dev: true
 
-  /unimport/3.0.7_rollup@3.23.0:
+  /unimport/3.0.7_rollup@3.23.1:
     resolution: {integrity: sha512-2dVQUxJEGcrSZ0U4qtwJVODrlfyGcwmIOoHVqbAFFUx7kPoEN5JWr1cZFhLwoAwTmZOvqAm3YIkzv1engIQocg==}
     dependencies:
-      '@rollup/pluginutils': 5.0.2_rollup@3.23.0
+      '@rollup/pluginutils': 5.0.2_rollup@3.23.1
       escape-string-regexp: 5.0.0
       fast-glob: 3.2.12
       local-pkg: 0.4.3
       magic-string: 0.30.0
       mlly: 1.3.0
-      pathe: 1.1.0
+      pathe: 1.1.1
       pkg-types: 1.0.3
       scule: 1.0.0
       strip-literal: 1.0.1
@@ -9206,8 +9210,8 @@ packages:
     engines: {node: '>= 0.8'}
     dev: true
 
-  /unplugin-auto-import/0.16.2_yodqdwrzkmpth34tp3k3ra2mau:
-    resolution: {integrity: sha512-t5f+xArJZRsfgF8Zftc2JFTJJTo7BPkPSeLQUXt6xxambnwWBer8vpEgwaCYrR50MIm5mjmhjebt33OZXIW0uQ==}
+  /unplugin-auto-import/0.16.4_wwrudn4rz7dmlro4nmuhdw3vny:
+    resolution: {integrity: sha512-xdgBa9NAS3JG8HjkAZHSbGSMlrjKpaWKXGUzaF6RzEtr980RCl1t0Zsu0skUInNYrEQfqaHc7aGWPv41DLTK/w==}
     engines: {node: '>=14'}
     peerDependencies:
       '@nuxt/kit': ^3.2.2
@@ -9218,13 +9222,13 @@ packages:
       '@vueuse/core':
         optional: true
     dependencies:
-      '@antfu/utils': 0.7.2
-      '@rollup/pluginutils': 5.0.2_rollup@3.23.0
+      '@antfu/utils': 0.7.4
+      '@rollup/pluginutils': 5.0.2_rollup@3.23.1
       '@vueuse/core': 10.1.2_vue@3.3.4
       local-pkg: 0.4.3
       magic-string: 0.30.0
       minimatch: 9.0.1
-      unimport: 3.0.7_rollup@3.23.0
+      unimport: 3.0.7_rollup@3.23.1
       unplugin: 1.3.1
     transitivePeerDependencies:
       - rollup
@@ -9328,7 +9332,7 @@ packages:
       vite: 4.3.9_kxkosmzevect5blmp7ly2aqtpa
     dev: true
 
-  /vite-plugin-dts/2.3.0_4azgbh4sqx5lowecltlexatp3a:
+  /vite-plugin-dts/2.3.0_wk4hgfqvwoq5vbdy4qhkkppl7y:
     resolution: {integrity: sha512-WbJgGtsStgQhdm3EosYmIdTGbag5YQpZ3HXWUAPCDyoXI5qN6EY0V7NXq0lAmnv9hVQsvh0htbYcg0Or5Db9JQ==}
     engines: {node: ^14.18.0 || >=16.0.0}
     peerDependencies:
@@ -9336,7 +9340,7 @@ packages:
     dependencies:
       '@babel/parser': 7.21.8
       '@microsoft/api-extractor': 7.34.9_@types+node@20.2.5
-      '@rollup/pluginutils': 5.0.2_rollup@3.23.0
+      '@rollup/pluginutils': 5.0.2_rollup@3.23.1
       '@rushstack/node-core-library': 3.59.0_@types+node@20.2.5
       debug: 4.3.4
       fast-glob: 3.2.12
@@ -9351,7 +9355,7 @@ packages:
       - supports-color
     dev: true
 
-  /vite-plugin-eslint/1.8.1_eslint@8.41.0+vite@4.3.9:
+  /vite-plugin-eslint/1.8.1_eslint@8.42.0+vite@4.3.9:
     resolution: {integrity: sha512-PqdMf3Y2fLO9FsNPmMX+//2BF5SF8nEWspZdgl4kSt7UvHDRHVVfHvxsD7ULYzZrJDGRxR81Nq7TOFgwMnUang==}
     peerDependencies:
       eslint: '>=7'
@@ -9359,13 +9363,13 @@ packages:
     dependencies:
       '@rollup/pluginutils': 4.2.1
       '@types/eslint': 8.37.0
-      eslint: 8.41.0
+      eslint: 8.42.0
       rollup: 2.79.1
       vite: 4.3.9_kxkosmzevect5blmp7ly2aqtpa
     dev: true
 
-  /vite-plugin-static-copy/0.15.0_vite@4.3.9:
-    resolution: {integrity: sha512-Ww+/Ug9guV45oIfIi/lA2z8v3K+lLHV9zCJqTVO4FTdqrJoZBj68VgGBSH1fi0N4q/EHW32RsL3ympi4Wlsq5w==}
+  /vite-plugin-static-copy/0.16.0_vite@4.3.9:
+    resolution: {integrity: sha512-dMVEg5Z2SwYRgQnHZaeokvSKB4p/TOTf65JU4sP3U6ccSBsukqdtDOjpmT+xzTFHAA8WJjcS31RMLjUdWQCBzw==}
     engines: {node: ^14.18.0 || >=16.0.0}
     peerDependencies:
       vite: ^3.0.0 || ^4.0.0
@@ -9377,7 +9381,7 @@ packages:
       vite: 4.3.9_kxkosmzevect5blmp7ly2aqtpa
     dev: true
 
-  /vite-plugin-stylelint/4.3.0_xgb6ckcdanko425bq5n72gt6ey:
+  /vite-plugin-stylelint/4.3.0_ejvh6byhtl7il3z5nkunycbjru:
     resolution: {integrity: sha512-S8BONq5X8TndOFt+My4lkeHxVZvkDQRL++TV0nvnuYgOU/CvDddPPOT4V6go+ETzWK0NEtXqCGFnpkmm8c8Xcg==}
     engines: {node: '>=14.18'}
     peerDependencies:
@@ -9394,26 +9398,26 @@ packages:
       rollup:
         optional: true
     dependencies:
-      '@rollup/pluginutils': 5.0.2_rollup@3.23.0
+      '@rollup/pluginutils': 5.0.2_rollup@3.23.1
       chokidar: 3.5.3
       postcss: 8.4.24
-      rollup: 3.23.0
-      stylelint: 15.6.2
+      rollup: 3.23.1
+      stylelint: 15.6.3
       vite: 4.3.9_kxkosmzevect5blmp7ly2aqtpa
     dev: true
 
-  /vite-plugin-vuetify/1.0.2_w3ya35gat4rmvfwue3omv2yjxi:
+  /vite-plugin-vuetify/1.0.2_x3pkmfzsjj3vxhr3g2a7z42ene:
     resolution: {integrity: sha512-MubIcKD33O8wtgQXlbEXE7ccTEpHZ8nPpe77y9Wy3my2MWw/PgehP9VqTp92BLqr0R1dSL970Lynvisx3UxBFw==}
     engines: {node: '>=12'}
     peerDependencies:
       vite: ^2.7.0 || ^3.0.0 || ^4.0.0
       vuetify: ^3.0.0-beta.4
     dependencies:
-      '@vuetify/loader-shared': 1.7.1_vue@3.3.4+vuetify@3.3.1
+      '@vuetify/loader-shared': 1.7.1_vue@3.3.4+vuetify@3.3.2
       debug: 4.3.4
       upath: 2.0.1
       vite: 4.3.9_kxkosmzevect5blmp7ly2aqtpa
-      vuetify: 3.3.1_k7jlnjsngdjtfgvcuwuwskp6qe
+      vuetify: 3.3.2_76pi6e7tq4uwgh7mzqutug4jau
     transitivePeerDependencies:
       - supports-color
       - vue
@@ -9446,7 +9450,7 @@ packages:
       '@types/node': 20.2.5
       esbuild: 0.17.19
       postcss: 8.4.24
-      rollup: 3.23.0
+      rollup: 3.23.1
       sass: 1.62.1
     optionalDependencies:
       fsevents: 2.3.2
@@ -9480,14 +9484,14 @@ packages:
       vue: 3.3.4
     dev: true
 
-  /vue-eslint-parser/9.3.0_eslint@8.41.0:
+  /vue-eslint-parser/9.3.0_eslint@8.42.0:
     resolution: {integrity: sha512-48IxT9d0+wArT1+3wNIy0tascRoywqSUe2E1YalIC1L8jsUGe5aJQItWfRok7DVFGz3UYvzEI7n5wiTXsCMAcQ==}
     engines: {node: ^14.17.0 || >=16.0.0}
     peerDependencies:
       eslint: '>=6.0.0'
     dependencies:
       debug: 4.3.4
-      eslint: 8.41.0
+      eslint: 8.42.0
       eslint-scope: 7.2.0
       eslint-visitor-keys: 3.4.1
       espree: 9.5.2
@@ -9620,16 +9624,16 @@ packages:
     resolution: {integrity: sha512-4gDntzrifFnCEvyoO8PqyJDmguXgVPxKiIxrBKjIowvL9l+N66196+72XVYR8BBf1Uv1Fgt3bGevJ+sEmxfZzw==}
     dev: true
 
-  /vue-tsc/1.6.5_typescript@5.0.4:
+  /vue-tsc/1.6.5_typescript@5.1.3:
     resolution: {integrity: sha512-Wtw3J7CC+JM2OR56huRd5iKlvFWpvDiU+fO1+rqyu4V2nMTotShz4zbOZpW5g9fUOcjnyZYfBo5q5q+D/q27JA==}
     hasBin: true
     peerDependencies:
       typescript: '*'
     dependencies:
       '@volar/vue-language-core': 1.6.5
-      '@volar/vue-typescript': 1.6.5_typescript@5.0.4
+      '@volar/vue-typescript': 1.6.5_typescript@5.1.3
       semver: 7.5.1
-      typescript: 5.0.4
+      typescript: 5.1.3
     dev: true
 
   /vue/3.3.4:
@@ -9653,8 +9657,8 @@ packages:
       vue: 3.3.4
     dev: true
 
-  /vuetify/3.3.1_k7jlnjsngdjtfgvcuwuwskp6qe:
-    resolution: {integrity: sha512-shmBLeNFjQ9Trf7XusRtKpqCak+EK7zdUiJP2QXbXFgOQP3Ju04iyE/SJWn2xFNYaoJjULWenwOcdlkq9SIZ8A==}
+  /vuetify/3.3.2_76pi6e7tq4uwgh7mzqutug4jau:
+    resolution: {integrity: sha512-m/R42di8FlyMaoktUe6k8JbF+A0vbJMpjQrZK7nH1ptK8VinVVQcaw+9m94wlO74IMR+LubxLh5t9I2ZtVCvjw==}
     engines: {node: ^12.20 || >=14.13}
     peerDependencies:
       typescript: '>=4.7'
@@ -9672,8 +9676,8 @@ packages:
       webpack-plugin-vuetify:
         optional: true
     dependencies:
-      typescript: 5.0.4
-      vite-plugin-vuetify: 1.0.2_w3ya35gat4rmvfwue3omv2yjxi
+      typescript: 5.1.3
+      vite-plugin-vuetify: 1.0.2_x3pkmfzsjj3vxhr3g2a7z42ene
       vue: 3.3.4
 
   /watchpack/2.4.0:

From 005fbd71642afb6fa186a2d705b950a18a7b74b3 Mon Sep 17 00:00:00 2001
From: WebDevNerdStuff <webdevnerdstuff@gmail.com>
Date: Sun, 4 Jun 2023 18:55:15 -0700
Subject: [PATCH 3/8] Added style for textarea

---
 src/plugin/styles/main.scss | 24 ++++++++++++++++++++----
 1 file changed, 20 insertions(+), 4 deletions(-)

diff --git a/src/plugin/styles/main.scss b/src/plugin/styles/main.scss
index 04abf20..ead3cb1 100644
--- a/src/plugin/styles/main.scss
+++ b/src/plugin/styles/main.scss
@@ -34,10 +34,6 @@
 							&-compact,
 							&-comfortable,
 							&-default {
-								.v-input__control {
-									padding-bottom: 3px;
-								}
-
 								.v-field--variant-underlined,
 								.v-field--variant-plain {
 									.v-field__input {
@@ -55,6 +51,26 @@
 				}
 			}
 
+			&.vi-v-select,
+			&.vi-v-textarea,
+			&.vi-v-text-field {
+
+				// The Field value //
+				.v-inline-fields--field {
+					.v-input {
+						&--density {
+							&-compact,
+							&-comfortable,
+							&-default {
+								.v-input__control {
+									padding-bottom: 3px;
+								}
+							}
+						}
+					}
+				}
+			}
+
 			// ------------------------ Select Field //
 			&.vi-v-select {
 

From c49ae9f6155ad1c0827270a6158d29d54e12331d Mon Sep 17 00:00:00 2001
From: WebDevNerdStuff <webdevnerdstuff@gmail.com>
Date: Sun, 4 Jun 2023 18:55:23 -0700
Subject: [PATCH 4/8] Updated playground template

---
 .../configs/PlaygroundPage.template.vue       | 122 +++++++++---------
 1 file changed, 62 insertions(+), 60 deletions(-)

diff --git a/src/playground/configs/PlaygroundPage.template.vue b/src/playground/configs/PlaygroundPage.template.vue
index d55fc1a..2b8ab12 100644
--- a/src/playground/configs/PlaygroundPage.template.vue
+++ b/src/playground/configs/PlaygroundPage.template.vue
@@ -10,41 +10,41 @@
 						:loading="tableOptions.loading"
 					>
 						<template #[`item.active`]="{ item }">
-							<div class="d-flex flex-align-center">
-								<VInlineSwitch
-									v-model="item.raw.active"
-									api-route="api/posts"
-									:cancel-button-color="componentOptions.cancelButtonColor"
-									:cancel-button-variant="componentOptions.cancelButtonVariant"
-									:cancel-icon="componentOptions.cancelIcon"
-									:cancel-icon-color="componentOptions.cancelIconColor"
-									:cancel-icon-text="componentOptions.cancelIconText"
-									:close-siblings="componentOptions.closeSiblings"
-									:color="componentOptions.color"
-									:density="componentOptions.density"
-									:disabled="componentOptions.disabled"
-									:do-not-save="componentOptions.doNotSave"
-									:field-only="componentOptions.fieldOnly"
-									:icon-false="componentOptions.iconFalse"
-									:icon-false-title="componentOptions.iconFalseTitle"
-									:icon-true="componentOptions.iconTrue"
-									:icon-true-title="componentOptions.iconTrueTitle"
-									:item="item"
-									:label="componentOptions.label"
-									name="active"
-									:underline-color="componentOptions.underlineColor"
-									:underline-style="componentOptions.underlineStyle"
-									:underline-width="componentOptions.underlineWidth"
-									:underlined="componentOptions.underlined"
-									@error="showError = $event"
-									@loading="loading = $event"
-									@update="updatedValue($event, 'switch')"
-								/>
-							</div>
+							<VInlineSwitch
+								v-model="item.raw.active"
+								:align-items="componentOptions.alignItems"
+								api-route="api/posts"
+								:cancel-button-color="componentOptions.cancelButtonColor"
+								:cancel-button-variant="componentOptions.cancelButtonVariant"
+								:cancel-icon="componentOptions.cancelIcon"
+								:cancel-icon-color="componentOptions.cancelIconColor"
+								:cancel-icon-text="componentOptions.cancelIconText"
+								:close-siblings="componentOptions.closeSiblings"
+								:color="componentOptions.color"
+								:density="componentOptions.density"
+								:disabled="componentOptions.disabled"
+								:do-not-save="componentOptions.doNotSave"
+								:field-only="componentOptions.fieldOnly"
+								:icon-false="componentOptions.iconFalse"
+								:icon-false-title="componentOptions.iconFalseTitle"
+								:icon-true="componentOptions.iconTrue"
+								:icon-true-title="componentOptions.iconTrueTitle"
+								:item="item"
+								:label="componentOptions.label"
+								name="active"
+								:underline-color="componentOptions.underlineColor"
+								:underline-style="componentOptions.underlineStyle"
+								:underline-width="componentOptions.underlineWidth"
+								:underlined="componentOptions.underlined"
+								@error="showError = $event"
+								@loading="loading = $event"
+								@update="updatedValue($event, 'switch')"
+							/>
 						</template>
 						<template #[`item.userId`]="{ item }">
 							<VInlineSelect
 								v-model="item.raw.user"
+								:align-items="componentOptions.alignItems"
 								api-route="api/posts"
 								:cancel-button-color="componentOptions.cancelButtonColor"
 								:cancel-button-variant="componentOptions.cancelButtonVariant"
@@ -85,6 +85,7 @@
 						<template #[`item.title`]="{ item }">
 							<VInlineTextField
 								v-model="item.raw.title"
+								:align-items="componentOptions.alignItems"
 								api-route="api/posts"
 								:cancel-button-color="componentOptions.cancelButtonColor"
 								:cancel-button-variant="componentOptions.cancelButtonVariant"
@@ -119,6 +120,7 @@
 						<template #[`item.body`]="{ item }">
 							<VInlineTextarea
 								v-model="item.raw.body"
+								:align-items="componentOptions.alignItems"
 								api-route="api/posts"
 								:cancel-button-color="componentOptions.cancelButtonColor"
 								:cancel-button-variant="componentOptions.cancelButtonVariant"
@@ -151,33 +153,32 @@
 						</template>
 
 						<template #[`item.reviewed`]="{ item }">
-							<div class="d-flex flex-align-center">
-								<VInlineCheckbox
-									v-model="item.raw.reviewed"
-									api-route="api/posts"
-									:cancel-button-color="componentOptions.cancelButtonColor"
-									:cancel-button-variant="componentOptions.cancelButtonVariant"
-									:cancel-icon-color="componentOptions.cancelIconColor"
-									:cancel-icon-text="componentOptions.cancelIconText"
-									:close-siblings="componentOptions.closeSiblings"
-									:color="componentOptions.color"
-									:density="componentOptions.density"
-									:disabled="componentOptions.disabled"
-									:do-not-save="componentOptions.doNotSave"
-									:field-only="componentOptions.fieldOnly"
-									:icon-false-title="componentOptions.iconFalseTitle"
-									:icon-true-title="componentOptions.iconTrueTitle"
-									:item="item"
-									name="reviewed"
-									:underline-color="componentOptions.underlineColor"
-									:underline-style="componentOptions.underlineStyle"
-									:underline-width="componentOptions.underlineWidth"
-									:underlined="componentOptions.underlined"
-									@error="showError = $event"
-									@loading="loading = $event"
-									@update="updatedValue($event, 'checkbox')"
-								/>
-							</div>
+							<VInlineCheckbox
+								v-model="item.raw.reviewed"
+								:align-items="componentOptions.alignItems"
+								api-route="api/posts"
+								:cancel-button-color="componentOptions.cancelButtonColor"
+								:cancel-button-variant="componentOptions.cancelButtonVariant"
+								:cancel-icon-color="componentOptions.cancelIconColor"
+								:cancel-icon-text="componentOptions.cancelIconText"
+								:close-siblings="componentOptions.closeSiblings"
+								:color="componentOptions.color"
+								:density="componentOptions.density"
+								:disabled="componentOptions.disabled"
+								:do-not-save="componentOptions.doNotSave"
+								:field-only="componentOptions.fieldOnly"
+								:icon-false-title="componentOptions.iconFalseTitle"
+								:icon-true-title="componentOptions.iconTrueTitle"
+								:item="item"
+								name="reviewed"
+								:underline-color="componentOptions.underlineColor"
+								:underline-style="componentOptions.underlineStyle"
+								:underline-width="componentOptions.underlineWidth"
+								:underlined="componentOptions.underlined"
+								@error="showError = $event"
+								@loading="loading = $event"
+								@update="updatedValue($event, 'checkbox')"
+							/>
 						</template>
 					</v-data-table>
 				</v-card>
@@ -210,12 +211,13 @@ const tableOptions = reactive({
 });
 
 const componentOptions = reactive({
+	alignItems: 'center',
 	cancelButtonColor: 'default',
 	cancelButtonVariant: 'text',
 	cancelIcon: undefined,
 	cancelIconColor: 'default',
 	cancelIconText: 'Cancel',
-	closeSiblings: true,
+	closeSiblings: false,
 	color: 'primary',
 	density: 'compact',
 	disabled: false,
@@ -243,7 +245,7 @@ const componentOptions = reactive({
 	truncateTextareaLength: 75,
 	underlineColor: 'primary',
 	underlineStyle: 'dotted',
-	underlineWidth: '1px',
+	underlineWidth: '2px',
 	underlined: true,
 	variant: 'underlined',
 });

From 80607d9c864c94d34361df6b116f57b0e16287aa Mon Sep 17 00:00:00 2001
From: WebDevNerdStuff <webdevnerdstuff@gmail.com>
Date: Sun, 4 Jun 2023 18:57:20 -0700
Subject: [PATCH 5/8] Added files

---
 .github/CONTRIBUTING.md                | 99 ++++++++++++++++++++++++++
 .github/FUNDING.yml                    |  2 +
 .github/ISSUE_TEMPLATE/BUG_REPORT.yaml | 45 ++++++++++++
 .github/workflows/main.yml             | 42 +++++++++++
 4 files changed, 188 insertions(+)
 create mode 100644 .github/CONTRIBUTING.md
 create mode 100644 .github/FUNDING.yml
 create mode 100644 .github/ISSUE_TEMPLATE/BUG_REPORT.yaml
 create mode 100644 .github/workflows/main.yml

diff --git a/.github/CONTRIBUTING.md b/.github/CONTRIBUTING.md
new file mode 100644
index 0000000..d09bcb5
--- /dev/null
+++ b/.github/CONTRIBUTING.md
@@ -0,0 +1,99 @@
+# Contributing to this repository <!-- omit in toc -->
+
+## Getting started <!-- omit in toc -->
+
+Before you begin:
+- Have you read the [code of conduct](CODE_OF_CONDUCT.md)?
+- Check out the [existing issues](https://github.com/webdevnerdstuff/vuetify-inline-fields/issues).
+
+### Don't see your issue? Open one
+
+If you spot something new, open an issue using a [template](https://github.com/webdevnerdstuff/vuetify-inline-fields/issues/new/choose). We'll use the issue to have a conversation about the problem you want to fix.
+
+### Ready to make a change? Fork the repo
+
+Fork using the command line:
+
+- [Fork the repo](https://docs.github.com/en/github/getting-started-with-github/fork-a-repo#fork-an-example-repository) so that you can make your changes without affecting the original project until you're ready to merge them.
+
+### Make your update:
+
+Make your changes to the file(s) you'd like to update.
+Update the CHANGELOG.md with the updates you made, please include the date and Github username.
+
+### Open a pull request
+When you're done making changes and you'd like to propose them for review, open your PR (pull request).
+
+### Submit your PR & get it reviewed
+- Once you submit your PR, others from the Vue Unicorn Log community will review it with you.
+- After that, we may have questions, check back on your PR to keep up with the conversation.
+
+### Your PR is merged!
+Congratulations! The whole GitHub community thanks you. :sparkles:
+
+Once your PR is merged, you will be proudly listed as a contributor in the [contributor chart](https://github.com/webdevnerdstuff/vuetify-inline-fields/graphs/contributors).
+
+### Keep contributing as you use Vue Unicorn Log
+
+Now that you're a part of the Vue Unicorn Log community, you can keep participating in many ways.
+
+## Types of contributions
+You can contribute to the Vue Unicorn Log content and site in several ways. This repo is a place to discuss and collaborate on Vue Unicorn Log! Our small, but mighty team is maintaining this repo, to preserve our bandwidth, off topic conversations will be closed.
+
+### :mega: Discussions
+Discussions are where we have conversations.
+
+If you'd like help troubleshooting a Vue Unicorn Log PR you're working on, have a great new idea, or want to share something amazing you've learned, join us in [discussions](https://github.com/webdevnerdstuff/vuetify-inline-fields/discussions).
+
+### :beetle: Issues
+[Issues](https://docs.github.com/en/github/managing-your-work-on-github/about-issues) are used to track tasks that contributors can help with.
+
+If you've found something in the content or the website that should be updated, search open issues to see if someone else has reported the same thing. If it's something new, open an issue using a [template](https://github.com/webdevnerdstuff/vuetify-inline-fields/issues/new/choose). We'll use the issue to have a conversation about the problem you want to fix.
+
+### :hammer_and_wrench: Pull requests
+A [pull request](https://docs.github.com/en/github/collaborating-with-issues-and-pull-requests/about-pull-requests) is a way to suggest changes in our repository.
+
+To learn more about opening a pull request in this repo, see [Opening a pull request](#opening-a-pull-request) below.
+
+### :question: Support
+We are a small team working hard to keep up with the documentation demands of a continuously changing product. Unfortunately, we just can't help with support questions in this repository. If you are experiencing a problem with GitHub, unrelated to our documentation, please [contact GitHub Support directly](https://support.github.com/contact). Any issues, discussions, or pull requests opened here requesting support will be given information about how to contact GitHub Support, then closed and locked.
+
+If you're having trouble with your GitHub account, contact [Support](https://support.github.com/contact).
+
+## Starting with an issue
+You can browse existing issues to find something that needs help!
+
+### Labels
+Labels can help you find an issue you'd like to help with.
+
+- The [`help wanted` label](https://github.com/webdevnerdstuff/vuetify-inline-fields/issues?q=is%3Aopen+is%3Aissue+label%3Aenhancement) is for problems or updates that anyone in the community can start working on.
+- The [`documentation` label](https://github.com/webdevnerdstuff/vuetify-inline-fields/issues?q=is%3Aopen+is%3Aissue+label%3Adocumentation) is for problems or updates relating to the README.MD documentation.
+- The [`bug` label](https://github.com/webdevnerdstuff/vuetify-inline-fields/issues?q=is%3Aopen+is%3Aissue+label%3Abug) is for problems with the code and bugs.
+- The [`enhancement` label](https://github.com/webdevnerdstuff/vuetify-inline-fields/issues?q=is%3Aopen+is%3Aissue+label%3Aenhancement) is for 
+suggestions to improve the code or adding of additional features.
+
+## Opening a pull request
+You can use the GitHub user interface for some small changes, like fixing a typo or updating a readme. You can also fork the repo and then clone it locally, to view changes and run your tests on your machine.
+
+## Working in the Vue Unicorn Log repository
+Here's some information that might be helpful while working on a Vue Unicorn Log PR:
+
+<!-- - [Development](/contributing/development.md) - This short guide describes how to get this app running on your local machine. -->
+
+## Reviewing
+We (usually the Vue Unicorn Log team) review every single PR. The purpose of reviews is to create the best content we can for people who use GitHub.
+
+- Reviews are always respectful, acknowledging that everyone did the best possible job with the knowledge they had at the time.  
+- Reviews discuss content, not the person who created it.  
+- Reviews are constructive and start conversation around feedback.  
+
+### Self review
+You should always review your own PR first.
+
+<!-- ### Pull request template
+When you open a pull request, you must fill out the "Ready for review" template before we can review your PR. This template helps reviewers understand your changes and the purpose of your pull request. -->
+
+### Suggested changes
+We may ask for changes to be made before a PR can be merged, either using [suggested changes](https://docs.github.com/en/github/collaborating-with-issues-and-pull-requests/incorporating-feedback-in-your-pull-request) or pull request comments. You can apply suggested changes directly through the UI. You can make any other changes in your fork, then commit them to your branch.
+
+As you update your PR and apply changes, mark each conversation as [resolved](https://docs.github.com/en/github/collaborating-with-issues-and-pull-requests/commenting-on-a-pull-request#resolving-conversations).
diff --git a/.github/FUNDING.yml b/.github/FUNDING.yml
new file mode 100644
index 0000000..39fdde7
--- /dev/null
+++ b/.github/FUNDING.yml
@@ -0,0 +1,2 @@
+custom: ["paypal.me/webdevnerdstuff"]
+patreon: webdevnerdstuff
diff --git a/.github/ISSUE_TEMPLATE/BUG_REPORT.yaml b/.github/ISSUE_TEMPLATE/BUG_REPORT.yaml
new file mode 100644
index 0000000..03ddde6
--- /dev/null
+++ b/.github/ISSUE_TEMPLATE/BUG_REPORT.yaml
@@ -0,0 +1,45 @@
+name: Bug Report
+description: File a bug report
+title: "[Bug]: "
+labels: ["bug", "triage"]
+assignees:
+  - webdevnerdstuff
+body:
+  - type: markdown
+    attributes:
+      value: |
+        Thanks for taking the time to fill out this bug report!
+  - type: textarea
+    id: bug-description
+    attributes:
+      label: Bug description
+      description: What happened?
+    validations:
+      required: true
+  - type: textarea
+    id: steps
+    attributes:
+      label: Steps to reproduce
+      description: Which steps do we need to take to reproduce this error?
+      placeholder:  "Steps to reproduce the behavior:\n1. Go to '...'\n2. Click on '....'\n3. Scroll down to '....'"
+    validations:
+      required: true
+  - type: textarea
+    id: logs
+    attributes:
+      label: Relevant log output
+      description: If applicable, please copy and paste any relevant log output. This will be automatically formatted into code, so no need for backticks.
+      render: shell
+  - type: textarea
+    id: additional-context
+    attributes:
+      label: Additional context
+      description: Add any other context about the problem here.
+  - type: checkboxes
+    id: terms
+    attributes:
+      label: Code of Conduct
+      description: By submitting this issue, you agree to follow our [Code of Conduct](https://github.com/webdevnerdstuff/vuetify-inline-fields/blob/main/CODE_OF_CONDUCT.md)
+      options:
+        - label: I agree to follow this project's Code of Conduct
+          required: true
diff --git a/.github/workflows/main.yml b/.github/workflows/main.yml
new file mode 100644
index 0000000..94e9fee
--- /dev/null
+++ b/.github/workflows/main.yml
@@ -0,0 +1,42 @@
+# Simple workflow for deploying static content to GitHub Pages
+name: Deploy to GitHub Pages
+
+on:
+  push:
+    branches: [ main ]
+
+permissions:
+  contents: write
+  pages: write
+  id-token: write
+  pull-requests: write
+  repository-projects: write
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+
+    strategy:
+      matrix:
+        node-version: [19]
+
+    steps:
+    - uses: actions/checkout@v3
+
+    - name: Use Node.js ${{ matrix.node-version }}
+      uses: actions/setup-node@v3
+      with:
+        node-version: ${{ matrix.node-version }}
+
+    - name: Build
+      run: |
+        git config --global user.email "webdevnerdstuff@gmail.com"
+        git config --global user.name "WebDevNerdStuff"
+        mkdir docs
+        npm install --g gh-pages
+        npm i
+        npm run build:docs
+        git remote set-url origin https://git:${GITHUB_TOKEN}@github.com/${GITHUB_REPOSITORY}.git
+        npm run deploy -u "github-actions-bot <support+actions@github.com>"
+      env:
+        GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}

From 0d62361ffd5234638822e09f0a7162f1631fb7e8 Mon Sep 17 00:00:00 2001
From: WebDevNerdStuff <webdevnerdstuff@gmail.com>
Date: Sun, 4 Jun 2023 19:06:18 -0700
Subject: [PATCH 6/8] Fixing error

---
 src/plugin/composables/methods.ts | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/plugin/composables/methods.ts b/src/plugin/composables/methods.ts
index 53e0744..931a637 100644
--- a/src/plugin/composables/methods.ts
+++ b/src/plugin/composables/methods.ts
@@ -9,9 +9,12 @@ import axios from 'axios';
 
 
 // ------------------------------------------------ Internal Functions //
-function buildResponseItem(item: object, name: string, value: FieldValue) {
+function buildResponseItem(item: object, name: string | undefined, value: FieldValue) {
 	const returnItem = { ...item };
-	returnItem[name] = value;
+
+	if (name) {
+		returnItem[name] = value;
+	}
 
 	return returnItem;
 }

From 3bb6a65ed51a86d60d35898c2d97883ad3bbb1fe Mon Sep 17 00:00:00 2001
From: WebDevNerdStuff <webdevnerdstuff@gmail.com>
Date: Sun, 4 Jun 2023 19:07:11 -0700
Subject: [PATCH 7/8] Added to ignore

---
 .gitignore | 1 +
 1 file changed, 1 insertion(+)

diff --git a/.gitignore b/.gitignore
index 615f984..b73132b 100644
--- a/.gitignore
+++ b/.gitignore
@@ -8,6 +8,7 @@ pnpm-debug.log*
 lerna-debug.log*
 
 node_modules
+docs
 dist
 dist-ssr
 *.local

From 29023562012bf2c4147f0872a4f1baed976b94d7 Mon Sep 17 00:00:00 2001
From: WebDevNerdStuff <webdevnerdstuff@gmail.com>
Date: Sun, 4 Jun 2023 19:07:18 -0700
Subject: [PATCH 8/8] Removing vuetify from types as it's not found anymore

---
 tsconfig.json | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/tsconfig.json b/tsconfig.json
index 134c53a..7940cba 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -37,8 +37,7 @@
 			"./node_modules/vuetify"
 		],
 		"types": [
-			"node",
-			"vuetify"
+			"node"
 		],
 		"useDefineForClassFields": true
 	},