Merge branch 'kymtwyf-main'

webdevnerdstuff · webdevnerdstuff · commit ae98a298d232 · 2024-07-06T13:33:35.000-07:00
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,8 +1,13 @@
 # Change Log
 All notable changes to the "vue-code-block" plugin will be documented in this file.
 
+## v2.3.3
+03-13-2024
+[main] (@kymtwyf)
+* Fix cssPath prop not being reactive. Fixes [#49](https://github.com/webdevnerdstuff/vue-code-block/issues/49)
+
 ## v2.3.2
-13-03-2024
+03-13-2024
 [main] (@webdevnerdstuff)
 * Change component to use `defineAsyncComponent`
 
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
 	"name": "@wdns/vue-code-block",
-	"version": "2.3.2",
+	"version": "2.3.3",
 	"description": "Vue 3 CodeBlock - Highlight your code with ease using this syntax highlighting component powered by PrismJS or Highlight.js.",
 	"private": false,
 	"publishConfig": {
diff --git a/src/plugin/VCodeBlock.vue b/src/plugin/VCodeBlock.vue
@@ -184,7 +184,7 @@ const renderedCode = ref('');
 const runTextValue = ref<string>('');
 const useTheme = ref<boolean | string>('');
 
-const { copyButton, copyIcons, copyTab, cssPath, label, runTab, tabs } = toRefs(settings.value);
+const { copyButton, copyIcons, copyTab, label, runTab, tabs } = toRefs(settings.value);
 
 
 // -------------------------------------------------- Computed //
@@ -297,10 +297,7 @@ watch(props as Props, () => {
 	if (settings.value.runText) {
 		runTextValue.value = settings.value.runText;
 	}
-});
 
-watch(() => cssPath, () => {
-	loadTheme();
 });
 
 
@@ -438,8 +435,8 @@ function loadTheme(): void {
 
 	const adjustCssFilename = themeNameAdjustments(activeLibrary, useTheme.value);
 
-	if (typeof cssPath.value !== 'undefined') {
-		fetchUrl = cssPath.value;
+	if (typeof settings.value.cssPath !== 'undefined') {
+		fetchUrl = settings.value.cssPath;
 	}
 	else {
 		switch (activeLibrary) {

Original file line number	Diff line number	Diff line change
`@@ -1,6 +1,6 @@`
`1`	`1`	`{`
`2`	`2`	`"name": "@wdns/vue-code-block",`
`3`		`- "version": "2.3.2",`
	`3`	`+ "version": "2.3.3",`
`4`	`4`	`"description": "Vue 3 CodeBlock - Highlight your code with ease using this syntax highlighting component powered by PrismJS or Highlight.js.",`
`5`	`5`	`"private": false,`
`6`	`6`	`"publishConfig": {`