Update codeblock tags

Author: webdevnerdstuff

src/documentation/DocsPage.vue

@@ -40,7 +40,7 @@
 
 			<v-row>
 				<v-col cols="12">
-					<CodeBlock
+					<VCodeBlock
 						code="pnpm add @wdns/vuetify-color-field"
 						:highlightjs="codeBlockSettings.plugin === 'highlightjs'"
 						lang="plain"
@@ -53,16 +53,16 @@
 								target="_blank"
 							>pnpm</a>:
 						</template>
-					</CodeBlock>
+					</VCodeBlock>
 				</v-col>
 				<v-col cols="12">
-					<CodeBlock
+					<VCodeBlock
 						code="npm i @wdns/vuetify-color-field"
 						highlightjs
 						lang="plain"
 					>
 						<template #label>Using npm:</template>
-					</CodeBlock>
+					</VCodeBlock>
 				</v-col>
 			</v-row>
 		</v-col>

src/documentation/components/examples/ExampleContainer.vue

@@ -70,26 +70,26 @@
 					>
 						<v-window-item value="template">
 							<v-theme-provider>
-								<CodeBlock
+								<VCodeBlock
 									:code="code.template"
 									:highlightjs="codeBlockSettings.plugin === 'highlightjs'"
 									lang="html"
 									:prismjs="codeBlockSettings.plugin === 'prismjs'"
 									:theme="codeBlockSettings.theme"
 								>
-								</CodeBlock>
+								</VCodeBlock>
 							</v-theme-provider>
 						</v-window-item>
 						<v-window-item value="script">
 							<v-theme-provider>
-								<CodeBlock
+								<VCodeBlock
 									:code="code.script"
 									:highlightjs="codeBlockSettings.plugin === 'highlightjs'"
 									lang="html"
 									:prismjs="codeBlockSettings.plugin === 'prismjs'"
 									:theme="codeBlockSettings.theme"
 								>
-								</CodeBlock>
+								</VCodeBlock>
 							</v-theme-provider>
 						</v-window-item>
 					</v-window>

src/documentation/sections/PlaygroundSection.vue

@@ -14,7 +14,7 @@
 
 			<h3 class="mb-2 text-secondary">Setup the Playground</h3>
 
-			<CodeBlock
+			<VCodeBlock
 				class="mb-6"
 				code="git clone git@github.com:webdevnerdstuff/vuetify-color-field.git"
 				:highlightjs="codeBlockSettings.plugin === 'highlightjs'"
@@ -28,9 +28,9 @@
 						target="blank"
 					>repository:</a>
 				</template>
-			</CodeBlock>
+			</VCodeBlock>
 
-			<CodeBlock
+			<VCodeBlock
 				code="pnpm i && pnpm play"
 				:highlightjs="codeBlockSettings.plugin === 'highlightjs'"
 				lang="plain"
@@ -40,7 +40,7 @@
 				<template #label>
 					Next run the following command to setup the Playground:
 				</template>
-			</CodeBlock>
+			</VCodeBlock>
 		</v-col>
 
 		<v-col cols="12">

src/documentation/sections/SlotsSection.vue

@@ -58,7 +58,7 @@
 						</tr>
 						<tr>
 							<td colspan="2">
-								<CodeBlock
+								<VCodeBlock
 									:code="displaySlotsCode"
 									:highlightjs="codeBlockSettings.plugin === 'highlightjs'"
 									lang="typescript"

src/documentation/sections/UsageSection.vue

@@ -14,29 +14,29 @@
 
 			<v-row>
 				<v-col cols="12">
-					<CodeBlock
+					<VCodeBlock
 						:code="usageGlobal"
 						:highlightjs="codeBlockSettings.plugin === 'highlightjs'"
 						label="Global registration"
 						lang="javascript"
 						:prismjs="codeBlockSettings.plugin === 'prismjs'"
 						:theme="codeBlockSettings.theme"
 					>
-					</CodeBlock>
+					</VCodeBlock>
 				</v-col>
 			</v-row>
 
 			<v-row>
 				<v-col cols="12">
-					<CodeBlock
+					<VCodeBlock
 						:code="usageIndividual"
 						:highlightjs="codeBlockSettings.plugin === 'highlightjs'"
 						label="Local registration"
 						lang="html"
 						:prismjs="codeBlockSettings.plugin === 'prismjs'"
 						:theme="codeBlockSettings.theme"
 					>
-					</CodeBlock>
+					</VCodeBlock>
 				</v-col>
 			</v-row>
 		</v-col>