As a route I'm using something like this:

<router-link to="/gallery" ><i>{{webData.clickForMore}}</i><p>&#8594;</p></router-link>

So I'm trying to achieve to navigate the user by clicking on the route and navigate through the rute but on the specific filter.

This is the code which is being used to select a specific filter (which is located on the other Vue file):

async filterImages (blockNumber) {
          
          this.isReadyImg = this.nextImageState = false;
          this.isFilterActive = true;
          this.$store.commit('setGalleryFilterNumber', blockNumber);
          this.filteredImages = await this.$store.getters.getGalleryFilter;
          /*console.log(this.filteredImages)*/
          this.currImg = this.filteredImages[1];
          if (this.isFunction(this.currImg.src))  {
              let index = await this.$store.dispatch('getIndexOfImage', this.currImg);
              this.$store.commit('setGalleryIndex', index);
              await this.getImageSource();
          }
          else this.isReadyImg = true;
      
      let e = event.target;
      this.setActiveFilter(e);
    },

Can this be done without using dynamic route, maybe it can be done using v-for?