Updating docs

Author: webdevnerdstuff

src/documentation/DocsPage.vue

@@ -131,5 +131,24 @@ const componentVersion = ref(packageInfo.version);
 provide('classes', classes);
 </script>
 
+<style lang="scss" scoped>
+:deep(code) {
+	&.ic {
+		background-color: rgba(255, 255, 255, 0.1) !important;
+		border-radius: 3px;
+		font-size: 85%;
+		font-weight: normal;
+		padding: 0.2em 0.4em;
+	}
+}
+</style>
+
 <style lang="scss">
+.v-theme--light {
+	code {
+		&.ic {
+			background-color: rgba(0, 0, 0, 0.1) !important;
+		}
+	}
+}
 </style>

src/documentation/components/CheckboxComponent.vue

@@ -25,8 +25,8 @@
 						<VInlineCheckbox
 							v-model="values.boolean"
 							:density="density"
-							do-not-save
 							hide-details
+							:loading-wait="false"
 						/>
 					</v-col>
 
@@ -52,7 +52,7 @@
 			:items="propsStore.vInlineCheckboxProps"
 			section-id="inline-checkbox-props"
 			section-title="Props"
-			subtitle="These are all props for the <code>VInlineCheckbox</code> component"
+			subtitle="These are all props for the <code class='ic'>VInlineCheckbox</code> component"
 		/>
 	</v-col>
 </template>

src/documentation/components/SelectComponent.vue

@@ -26,10 +26,10 @@
 							v-model="values.select"
 							align-items="flex-end"
 							:density="density"
-							do-not-save
 							item-title="state"
 							item-value="abbr"
 							:items="items"
+							:loading-wait="false"
 							:table-field="false"
 							:variant="variant"
 						>
@@ -64,7 +64,7 @@
 			:items="propsStore.vInlineSelectProps"
 			section-id="inline-select-props"
 			section-title="Props"
-			subtitle="These are all props for the <code>VInlineSelect</code> component"
+			subtitle="These are all props for the <code class='ic'>VInlineSelect</code> component"
 		/>
 	</v-col>
 </template>

src/documentation/components/SwitchComponent.vue

@@ -25,8 +25,8 @@
 						<VInlineSwitch
 							v-model="values.boolean"
 							:density="density"
-							do-not-save
 							hide-details
+							:loading-wait="false"
 						/>
 					</v-col>
 
@@ -51,7 +51,7 @@
 			:items="propsStore.vInlineSwitchProps"
 			section-id="inline-switch-props"
 			section-title="Props"
-			subtitle="These are all props for the <code>VInlineSwitch</code> component"
+			subtitle="These are all props for the <code class='ic'>VInlineSwitch</code> component"
 		/>
 	</v-col>
 </template>

src/documentation/components/TextFieldComponent.vue

@@ -26,7 +26,7 @@
 							v-model="values.textField"
 							align-items="flex-end"
 							:density="density"
-							do-not-save
+							:loading-wait="false"
 							:table-field="false"
 							:variant="variant"
 						></VInlineTextField>
@@ -53,7 +53,7 @@
 			:items="propsStore.vInlineTextFieldProps"
 			section-id="inline-text-field-props"
 			section-title="Props"
-			subtitle="These are all props for the <code>VInlineTextField</code> component"
+			subtitle="These are all props for the <code class='ic'>VInlineTextField</code> component"
 		/>
 	</v-col>
 </template>

src/documentation/components/TextareaComponent.vue

@@ -26,7 +26,7 @@
 							v-model="values.textField"
 							align-items="flex-start"
 							:density="density"
-							do-not-save
+							:loading-wait="false"
 							rows="1"
 							:table-field="true"
 							:variant="variant"
@@ -55,7 +55,7 @@
 			:items="propsStore.vInlineTextareaProps"
 			section-id="inline-textarea-props"
 			section-title="Props"
-			subtitle="These are all props for the <code>VInlineTextarea</code> component"
+			subtitle="These are all props for the <code class='ic'>VInlineTextarea</code> component"
 		/>
 	</v-col>
 </template>

src/documentation/sections/ComponentsSection.vue

@@ -47,20 +47,6 @@ const store = useCoreStore();
 </script>
 
 <style lang="scss" scoped>
-:deep(code) {
-	background-color: rgba(255, 255, 255, 0.1) !important;
-	border-radius: 3px;
-	font-size: 85%;
-	font-weight: normal;
-	padding: 0.2em 0.4em;
-}
-
-:deep(.v-theme--light) {
-	code {
-		background-color: rgba(0, 0, 0, 0.1) !important;
-	}
-}
-
 :deep(.v-input__details) {
 	max-height: 10px;
 	min-height: 10px;

src/documentation/sections/PropsSection.vue

@@ -36,15 +36,15 @@
 				:items="propsStore.saveAndLoadingIconProps"
 				section-id="props-save-and-loading-icon"
 				section-title="Save & Loading Props"
-				subtitle="These are all props for the for the <code>VInlineSelect</code>, <code>VInlineTextarea</code>, and <code>VInlineTextField</code> components"
+				subtitle="These are all props for the for the <code class='ic'>VInlineSelect</code>, <code class='ic'>VInlineTextarea</code>, and <code class='ic'>VInlineTextField</code> components"
 			/>
 
 			<PropsTable
 				:headers="propsStore.propsSupported.headers"
 				:items="propsStore.trueFalseIconProps"
 				section-id="props-true-false-icon"
 				section-title="True/False Icon Props"
-				subtitle="These are all props for the for the <code>VInlineCheckbox</code> and <code>VInlineSwitch</code> components"
+				subtitle="These are all props for the for the <code class='ic'>VInlineCheckbox</code> and <code class='ic'>VInlineSwitch</code> components"
 			/>
 		</v-col>
 	</v-row>