fix cssPath reactivity issue

kymtwyf · kymtwyf · commit 9f942b88c035 · 2024-07-06T13:31:08.000+08:00
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) {
