fix: reset clip-path when highlighting is disabled in VTour component

AdamDrewsTR · AdamDrewsTR · commit f0dc1f0923a9 · 2025-12-16T11:40:46.000-06:00
diff --git a/package.json b/package.json
@@ -67,7 +67,9 @@
   },
   "dependencies": {
     "jump.js": "^1.0.2",
-    "nanopop": "^2.4.2",
+    "nanopop": "^2.4.2"
+  },
+  "peerDependencies": {
     "vue": "^3.5.22"
   },
   "devDependencies": {
diff --git a/src/components/VTour.vue b/src/components/VTour.vue
@@ -411,6 +411,8 @@ const updateHighlight = (): void => {
 
   // Check if highlighting is disabled or no step data
   if (!currentStepData || (!props.highlight && !currentStepData.highlight)) {
+    // Reset clip-path when highlighting is disabled
+    getClipPath.value = '';
     return;
   }
 

Original file line number	Diff line number	Diff line change
`@@ -411,6 +411,8 @@ const updateHighlight = (): void => {`
`411`	`411`
`412`	`412`	`// Check if highlighting is disabled or no step data`
`413`	`413`	`if (!currentStepData \|\| (!props.highlight && !currentStepData.highlight)) {`
	`414`	`+ // Reset clip-path when highlighting is disabled`
	`415`	`+ getClipPath.value = '';`
`414`	`416`	`return;`
`415`	`417`	`}`
`416`	`418`