Merge pull request #2371 from prachi00/feat-search-bug

Author: yangwao

components/rmrk/Gallery/Gallery.vue

@@ -84,7 +84,7 @@
 </template>
 
 <script lang="ts">
-import { Component, mixins, Vue } from 'nuxt-property-decorator'
+import { Component, mixins, Vue, Watch } from 'nuxt-property-decorator'
 import { NftEntity as GraphNFT } from '@/components/rmrk/service/types'
 import {
   getCloudflareImageLinks,
@@ -105,6 +105,7 @@ import PrefixMixin from '~/utils/mixins/prefixMixin'
 import { NFTMetadata } from '../service/scheme'
 import { getSanitizer } from '../utils'
 import { SearchQuery } from './Search/types'
+import shouldUpdate from '~/utils/shouldUpdate'
 
 type GraphResponse = NFTEntitiesWithCount<GraphNFT>
 
@@ -279,6 +280,13 @@ export default class Gallery extends mixins(PrefixMixin) {
     return params
   }
 
+  @Watch('$route.query.search')
+  protected onIdChange(val: string, oldVal: string) {
+    if (shouldUpdate(val, oldVal)) {
+      this.searchQuery.search = val || ''
+    }
+  }
+
   get results() {
     // if (this.searchQuery) {
     //   return basicAggQuery(expandedFilter(this.searchQuery, this.nfts))