Nuxt, routing without initial query parameters

Bug 🐞 Hey Algolia

We have a solution using algolia and vue instantsearch in nuxt. All the features wors as intended and everything is good. except the routing feature in algolia.

When we load a page using the queries in algolia it has some initial parameters even thoung nothing is set in the filter yet. is there any solution to change the initial url when no filter params is set

from: /alle-produkter/?AHjort%20Products%20da-DK%5BsortBy%5D=AHjort%20Products%20da-DK to: /alle-produkter/

This is the router code:

export function nuxtRouter(vueRouter: any) {
    return {
      read() {
        return vueRouter.currentRoute.query;
      },
      write(routeState: any) {
        vueRouter.push({
          query: routeState
        });
      },
      createURL(routeState: any) {
        return vueRouter.resolve({
          query: routeState
        }).href;
      },
      onUpdate(cb: any) {
        if (typeof window === "undefined") return;

        (this as any)._onPopState = (event: any) => {
          const routeState = event.state;
          if (!routeState) {
            cb(this.read());
          } else {
            cb(routeState);
          }
        };
        window.addEventListener("popstate", (this as any)._onPopState);
      },
      dispose() {
        if (typeof window === "undefined") { return; }

        window.removeEventListener("popstate",  (this as any)._onPopState);
      },
    };
}

And when i use the route back (popstate) i have to go back 3 times to go back the the previous page.

Tell me if you need more from me to go more in depth with this issue.

[bootsmann95]

Thank you @Haroenv it all works now! THANK YOU!!

[bootsmann95]

@Haroenv i can see its because my price filter is programatically setting som values. so everything works now thanks a lot! do you have any codesandbox with a range slider using vue-slider?