Fix the abnormal activation issue of framework tags. (#974)

- Update framework tag checks to use lowercase values

Co-authored-by: minghao.yang <[email protected]>

Author: ymh6315431

frontend/src/components/tags/TagList.vue

@@ -27,28 +27,28 @@
     <div class="flex gap-[8px] flex-wrap">
       <PyTorch
         @setActiveFrameworkTag="handleTagClick"
-        :active="activeTags['framework']?.includes('PyTorch')" />
+        :active="activeTags['framework']?.includes('pytorch')" />
       <TensorFlow
         @setActiveFrameworkTag="handleTagClick"
-        :active="activeTags['framework']?.includes('TensorFlow')" />
+        :active="activeTags['framework']?.includes('tensorflow')" />
       <Safetensors
         @setActiveFrameworkTag="handleTagClick"
-        :active="activeTags['framework']?.includes('Safetensors')" />
+        :active="activeTags['framework']?.includes('safetensors')" />
       <ONNX
         @setActiveFrameworkTag="handleTagClick"
-        :active="activeTags['framework']?.includes('ONNX')" />
+        :active="activeTags['framework']?.includes('onnx')" />
       <JAX
         @setActiveFrameworkTag="handleTagClick"
-        :active="activeTags['framework']?.includes('JAX')" />
+        :active="activeTags['framework']?.includes('jax')" />
       <PaddlePaddle
         @setActiveFrameworkTag="handleTagClick"
-        :active="activeTags['framework']?.includes('PaddlePaddle')" />
+        :active="activeTags['framework']?.includes('paddlepaddle')" />
       <Joblib
         @setActiveFrameworkTag="handleTagClick"
-        :active="activeTags['framework']?.includes('Joblib')" />
+        :active="activeTags['framework']?.includes('joblib')" />
       <GGUF
         @setActiveFrameworkTag="handleTagClick"
-        :active="activeTags['framework']?.includes('GGUF')" />
+        :active="activeTags['framework']?.includes('gguf')" />
     </div>
   </div>
 

frontend/src/components/tags/frameworks/GGUF.vue

@@ -15,7 +15,7 @@
   const emit = defineEmits(['setActiveFrameworkTag'])
 
   const toggleActive = () => {
-    emit('setActiveFrameworkTag', 'framework', 'GGUF')
+    emit('setActiveFrameworkTag', 'framework', 'gguf')
   }
 
   const setTagColor = () => {

frontend/src/components/tags/frameworks/JAX.vue

@@ -28,7 +28,7 @@
   const emit = defineEmits(['setActiveFrameworkTag'])
 
   const toggleActive = () => {
-    emit('setActiveFrameworkTag', 'framework', 'JAX')
+    emit('setActiveFrameworkTag', 'framework', 'jax')
   }
 
   const setTagColor = () => {

frontend/src/components/tags/frameworks/Joblib.vue

@@ -18,7 +18,7 @@
   const emit = defineEmits(['setActiveFrameworkTag'])
 
   const toggleActive = () => {
-    emit('setActiveFrameworkTag', 'framework', 'Joblib')
+    emit('setActiveFrameworkTag', 'framework', 'joblib')
   }
 
   const setTagColor = () => {

frontend/src/components/tags/frameworks/ONNX.vue

@@ -16,7 +16,7 @@
   const emit = defineEmits(['setActiveFrameworkTag'])
 
   const toggleActive = () => {
-    emit('setActiveFrameworkTag', 'framework', 'ONNX')
+    emit('setActiveFrameworkTag', 'framework', 'onnx')
   }
   const setTagColor = () => {
     if (props.active) {

frontend/src/components/tags/frameworks/PaddlePaddle.vue

@@ -29,7 +29,7 @@
   const emit = defineEmits(['setActiveFrameworkTag'])
 
   const toggleActive = () => {
-    emit('setActiveFrameworkTag', 'framework', 'PaddlePaddle')
+    emit('setActiveFrameworkTag', 'framework', 'paddlepaddle')
   }
   const setTagColor = () => {
     if (props.active) {

frontend/src/components/tags/frameworks/PyTorch.vue

@@ -41,7 +41,7 @@
   const emit = defineEmits(['setActiveFrameworkTag'])
 
   const toggleActive = () => {
-    emit('setActiveFrameworkTag', 'framework', 'PyTorch')
+    emit('setActiveFrameworkTag', 'framework', 'pytorch')
   }
   const setTagColor = () => {
     if (props.active) {

frontend/src/components/tags/frameworks/Safetensors.vue

@@ -16,7 +16,7 @@
   const emit = defineEmits(['setActiveFrameworkTag'])
 
   const toggleActive = () => {
-    emit('setActiveFrameworkTag', 'framework', 'Safetensors')
+    emit('setActiveFrameworkTag', 'framework', 'safetensors')
   }
   const setTagColor = () => {
     if (props.active) {

frontend/src/components/tags/frameworks/TensorFlow.vue

@@ -16,7 +16,7 @@
   const emit = defineEmits(['setActiveFrameworkTag'])
 
   const toggleActive = () => {
-    emit('setActiveFrameworkTag', 'framework', 'TensorFlow')
+    emit('setActiveFrameworkTag', 'framework', 'tensorflow')
   }
   const setTagColor = () => {
     if (props.active) {