Merge pull request #198 from Wakamai-Fondue/fix-prism-updates

Fix Prism Vue component not re-rendering
Wakamai-Fondue · Dec 24, 2024 · 78043ba · 78043ba
2 parents ba578d9 + 879b6e3
commit 78043ba
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 4 deletions.
diff --git a/src/components/report/StyleSheet.vue b/src/components/report/StyleSheet.vue
@@ -24,7 +24,7 @@
 				</div>
 				<div class="code">
 					<CopyToClipboard :content="css" />
-					<Prism language="css">{{ css }}</Prism>
+					<Prism language="css" :key="{ css }">{{ css }}</Prism>
 				</div>
 			</div>
 			<div v-else>

diff --git a/src/components/report/TypeTester.vue b/src/components/report/TypeTester.vue
@@ -73,10 +73,12 @@
 				@unlinkOpticalSize="unlinkOpticalSize"
 			/>
 			<div class="code">
-				<Prism language="html" v-if="hasLocalization">{{ html }}</Prism>
+				<Prism language="html" v-if="hasLocalization" :key="{ html }">{{
+					html
+				}}</Prism>
 				<div class="code-styles">
 					<CopyToClipboard :content="styles" />
-					<Prism language="css">{{ styles }}</Prism>
+					<Prism language="css" :key="{ styles }">{{ styles }}</Prism>
 				</div>
 			</div>
 		</div>

diff --git a/src/components/report/VariableControls.vue b/src/components/report/VariableControls.vue
@@ -105,7 +105,9 @@
 		</div>
 		<div class="code" v-if="showStyles">
 			<CopyToClipboard :content="variableStyles" />
-			<Prism language="css">{{ variableStyles }}</Prism>
+			<Prism language="css" :key="{ variableStyles }">{{
+				variableStyles
+			}}</Prism>
 		</div>
 	</div>
 </template>