Adjust props

Author: webdevnerdstuff

src/plugin/CodeBlock.vue

@@ -77,19 +77,19 @@
 				:class="`language-${props.lang}`"
 				:style="preTagStyles"
 			>
-						<code
-							v-if="prismPlugin"
-							:class="`language-${props.lang} ${browserWindow ? 'v-code-block--code-browser' : ''} ${highlightjs ? 'hljs' : ''}`"
-							:style="codeTagStyles"
-							v-text="computedCode"
-						></code>
-						<code
-							v-else
-							:class="`language-${props.lang} ${browserWindow ? 'v-code-block--code-browser' : ''} ${highlightjs ? 'hljs' : ''}`"
-							:style="codeTagStyles"
-							v-html="renderedCode"
-						></code>
-					</pre>
+									<code
+										v-if="prismPlugin"
+										:class="`language-${props.lang} ${browserWindow ? 'v-code-block--code-browser' : ''} ${highlightjs ? 'hljs' : ''}`"
+										:style="codeTagStyles"
+										v-text="computedCode"
+									></code>
+									<code
+										v-else
+										:class="`language-${props.lang} ${browserWindow ? 'v-code-block--code-browser' : ''} ${highlightjs ? 'hljs' : ''}`"
+										:style="codeTagStyles"
+										v-html="renderedCode"
+									></code>
+								</pre>
 		</div>
 	</div>
 </template>
@@ -255,7 +255,7 @@ const tabGroupStyle = computed<StyleValue>(() => {
 
 
 // -------------------------------------------------- Watch //
-watch(props, () => {
+watch(props as Props, () => {
 	if (props.code) {
 		renderCode();
 	}

src/types/index.ts

@@ -11,7 +11,7 @@ export type UseTheme = MaybeRef<string | boolean>;
 
 
 // -------------------------------------------------- Props //
-export type Props = {
+export interface Props {
 	browserWindow?: boolean;
 	code?: object | [] | string | number;
 	codeBlockRadius?: string;