From d3d16bf903d9596da169de052a6093bd53da4d86 Mon Sep 17 00:00:00 2001
From: joshuaboud <joshuaboud@hotmail.com>
Date: Wed, 25 May 2022 16:40:58 -0300
Subject: [PATCH] escape path segments with escapeStringHTML()

---
 navigator-vue/src/components/PathBreadCrumbs.vue | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/navigator-vue/src/components/PathBreadCrumbs.vue b/navigator-vue/src/components/PathBreadCrumbs.vue
index 26198a4..3edd816 100644
--- a/navigator-vue/src/components/PathBreadCrumbs.vue
+++ b/navigator-vue/src/components/PathBreadCrumbs.vue
@@ -7,7 +7,9 @@
 				<button
 					@click.prevent.stop="$emit('cd', `/${pathArr.slice(1, index + 1).join('/')}`)"
 					class="p-2 hover:bg-accent rounded-lg cursor-pointer"
-				>{{ segment }}</button>
+					v-html="escapeStringHTML(segment)"
+					:title="escapeString(`/${pathArr.slice(1, index + 1).join('/')}`)"
+				></button>
 			</template>
 		</div>
 	</div>
@@ -17,6 +19,7 @@
 import { ref, watch, nextTick } from 'vue';
 import { canonicalPath } from "@45drives/cockpit-helpers";
 import { ChevronRightIcon } from '@heroicons/vue/solid';
+import { escapeString, escapeStringHTML } from '../functions/escapeStringHTML';
 
 export default {
 	props: {
@@ -53,6 +56,8 @@ export default {
 			inputRef,
 			changeCallback,
 			canonicalPath,
+			escapeString,
+			escapeStringHTML,
 		}
 	},
 	components: {