Add Selected Filters in myHistory

package.json

@@ -36,6 +36,7 @@
     "@empathyco/x-deep-merge": "^1.3.0-alpha.34",
     "@empathyco/x-types": "^10.0.0-alpha.75",
     "@empathyco/x-utils": "^1.0.0-alpha.23",
+    "@tailwindcss/line-clamp": "^0.4.4",
     "tslib": "~2.4.1",
     "vue": "~2.7.14",
     "vue-class-component": "~7.2.6",

src/components/my-history/custom-my-history.vue

@@ -22,6 +22,15 @@
 
             <div class="x-flex x-flex-col x-gap-2">
               <p>{{ suggestion.query }}</p>
+              <p
+                v-if="suggestion.selectedFilters.length > 0"
+                class="x-text1-sm x-text-lead-50 x-line-clamp-1"
+              >
+                <span v-for="filter in suggestion.selectedFilters" :key="filter.id" class="x-pr-8">
+                  {{ filter.label ?? filter.id }}
+                </span>
+              </p>
+
               <p class="x-text1 x-text1-sm x-text-neutral-75">
                 {{ formatTime(suggestion.timestamp) }}
                 <template v-if="suggestion.totalResults !== undefined">

tailwind.config.js

@@ -10,5 +10,5 @@ module.exports = {
   ],
   prefix: 'x-',
   important: true,
-  plugins: [xTailwindPlugin(options)]
+  plugins: [xTailwindPlugin(options), require('@tailwindcss/line-clamp')]
 };