clear filter in userplaylists and history when clicked "clear input" (#2349)

src/renderer/components/ft-input/ft-input.js

@@ -126,6 +126,8 @@ export default Vue.extend({
 
       // Focus on input element after text is clear for better UX
       inputElement.focus()
+
+      this.$emit('clear')
     },
 
     handleActionIconChange: function() {

src/renderer/views/History/History.vue

@@ -16,6 +16,7 @@
         :show-clear-text-button="true"
         :show-action-button="false"
         @input="(input) => query = input"
+        @clear="query = ''"
       />
       <ft-flex-box
         v-show="fullData.length === 0"

src/renderer/views/UserPlaylists/UserPlaylists.vue

@@ -23,6 +23,7 @@
         :show-clear-text-button="true"
         :show-action-button="false"
         @input="(input) => query = input"
+        @clear="query = ''"
       />
       <ft-flex-box
         v-show="fullData.length === 0"