fix: safe html directive added in tag

Author: devansh-webkul

packages/Webkul/Admin/src/Resources/views/components/tags/index.blade.php

@@ -23,7 +23,7 @@ class="flex items-center gap-1 break-all rounded-md bg-rose-100 px-3 py-1.5 text
                     'color': backgroundColors.find(color => color.background === tag.color)?.text
                 }"
                 v-for="(tag, index) in tags"
-                v-html="tag.name"
+                v-safe-html="tag.name"
             >
             </span>
 
@@ -105,7 +105,7 @@ class="flex flex-col gap-2 px-4 py-1.5"
                             <label class="text-gray-600 dark:text-gray-300">
                                 @lang('admin::app.components.tags.index.added-tags')
                             </label>
-                            
+
                             <!-- Added Tags List -->
                             <ul class="flex flex-col">
                                 <template v-for="tag in tags">
@@ -158,7 +158,7 @@ class="flex h-4 w-4 break-all rounded-full"
                                                     </x-slot>
                                                 </x-admin::dropdown>
                                             @endif
-                                            
+
                                             @if (bouncer()->hasPermission('settings.other_settings.tags.delete'))
                                                 <div class="flex items-center">
                                                     <span
@@ -200,7 +200,7 @@ class="p-1"
                     type: String,
                     default: '',
                 },
-                
+
                 addedTags: {
                     type: Array,
                     default: () => [],
@@ -218,7 +218,7 @@ class="p-1"
                     isRemoving: {},
 
                     tags: [],
-                    
+
                     searchedTags: [],
 
                     backgroundColors: [
@@ -276,9 +276,9 @@ class="p-1"
                     }
 
                     this.isSearching = true;
-                    
+
                     let self = this;
-                    
+
                     this.$axios.get("{{ route('admin.settings.tags.search') }}", {
                             params: {
                                 search: 'name:' + this.searchTerm,
@@ -365,11 +365,11 @@ class="p-1"
 
                 detachFromEntity(tag) {
                     var self = this;
-                    
+
                     this.$emitter.emit('open-confirm-modal', {
                         agree: () => {
                             this.isRemoving[tag.id] = true;
-                    
+
                             this.$axios.delete(this.detachEndpoint, {
                                     data: {
                                         tag_id: tag.id,
@@ -386,7 +386,7 @@ class="p-1"
                                 })
                                 .catch(error => {
                                     self.$emitter.emit('add-flash', { type: 'error', message: error.response.data.message });
-                                    
+
                                     self.isRemoving[tag.id] = false;
                                 });
                         },