[DEV] documentation

Author: webdevnerdstuff

package.json

@@ -1,6 +1,6 @@
 {
 	"name": "vuetify-stepper-form",
-	"version": "1.1.0",
+	"version": "1.0.0",
 	"description": "Vuetify Plugin Stepper Form",
 	"private": false,
 	"publishConfig": {
@@ -42,6 +42,11 @@
 		"vuetify",
 		"vue",
 		"vue3",
+		"form",
+		"form builder",
+		"stepper",
+		"vee-validate",
+		"yup",
 		"component",
 		"plugin",
 		"javascript",
@@ -50,6 +55,8 @@
 		"wdns"
 	],
 	"dependencies": {
+		"@vueuse/core": "^11.1.0",
+		"@wdns/vuetify-color-field": "^1.1.8",
 		"vue": "^3.5.11",
 		"vuetify": "^3.7.2"
 	},

pnpm-lock.yaml

@@ -18,7 +18,10 @@
 
 		<!-- ====================================================== Main Container -->
 		<v-main class="pb-10">
-			<v-container fluid>
+			<v-container
+				class="px-7"
+				style="max-width: 1368px;"
+			>
 				<DocsPage :codeBlockOptions="codeBlockSettings" />
 			</v-container>
 		</v-main>
@@ -74,6 +77,18 @@ function toggleDrawer() {
 }
 </script>
 
+<style lang="scss" scoped>
+:deep(code) {
+	&.ic {
+		background-color: rgb(255 255 255 / 10%) !important;
+		border-radius: 3px;
+		font-size: 85%;
+		font-weight: normal;
+		padding: 0.2em 0.4em;
+	}
+}
+</style>
+
 <style lang="scss">
 html {
 	scroll-behavior: smooth;
@@ -100,6 +115,12 @@ a {
 			}
 		}
 	}
+
+	code {
+		&.ic {
+			background-color: rgb(0 0 0 / 10%) !important;
+		}
+	}
 }
 
 .top-app-bar {