fix(cms-base-layer): use Nuxt router in cms package (#2439)

fix(cms-base-layer): use Nuxt route composables

Author: patzick

.changeset/fix-cms-route-query.md

@@ -0,0 +1,5 @@
+---
+"@shopware/cms-base-layer": patch
+---
+
+Use Nuxt route composables in CMS components to keep route query access available during SSR.

packages/cms-base-layer/app/components/SwProductListingFilters.vue

@@ -7,8 +7,8 @@ import { useCmsTranslations } from "@shopware/composables";
 import { defu } from "defu";
 import { computed, reactive } from "vue";
 import type { ComputedRef, UnwrapNestedRefs } from "vue";
-import { type LocationQueryRaw, useRoute, useRouter } from "vue-router";
-import { useCategoryListing } from "#imports";
+import type { LocationQueryRaw } from "vue-router";
+import { useCategoryListing, useRoute, useRouter } from "#imports";
 import type { Schemas, operations } from "#shopware";
 
 const props = defineProps<{

packages/cms-base-layer/app/components/SwProductListingFiltersHorizontal.vue

@@ -7,8 +7,8 @@ import { useCmsTranslations } from "@shopware/composables";
 import { defu } from "defu";
 import { computed, reactive } from "vue";
 import type { ComputedRef, UnwrapNestedRefs } from "vue";
-import { type LocationQueryRaw, useRoute, useRouter } from "vue-router";
-import { useCategoryListing } from "#imports";
+import type { LocationQueryRaw } from "vue-router";
+import { useCategoryListing, useRoute, useRouter } from "#imports";
 import type { Schemas, operations } from "#shopware";
 
 const props = defineProps<{

packages/cms-base-layer/app/components/SwVariantConfigurator.vue

@@ -4,8 +4,7 @@ import { buildUrlPrefix, getProductRoute } from "@shopware/helpers";
 import { defu } from "defu";
 import { computed, ref, unref } from "vue";
 import type { ComputedRef } from "vue";
-import { useRouter } from "vue-router";
-import { useProductConfigurator, useUrlResolver } from "#imports";
+import { useProductConfigurator, useRouter, useUrlResolver } from "#imports";
 import type { Schemas } from "#shopware";
 
 const { getUrlPrefix } = useUrlResolver();

packages/cms-base-layer/app/components/public/cms/element/CmsElementProductListing.vue

@@ -3,8 +3,12 @@ import type { CmsElementProductListing } from "@shopware/composables";
 import { useCmsTranslations } from "@shopware/composables";
 import { defu } from "defu";
 import { computed, ref, useTemplateRef, watch } from "vue";
-import { useRoute, useRouter } from "vue-router";
-import { useCategoryListing, useCmsElementConfig } from "#imports";
+import {
+  useCategoryListing,
+  useCmsElementConfig,
+  useRoute,
+  useRouter,
+} from "#imports";
 import type { Schemas, operations } from "#shopware";
 
 const props = defineProps<{