getEncodedQueryParams.ts

import type { LocationQueryValue } from 'vue-router'

type TQueryParams = Record<string, LocationQueryValue | LocationQueryValue[]>
type TQueryParamsValues = string | Record<string, unknown> | Array<unknown>

export function getEncodedQueryParams(params: Record<string, TQueryParamsValues>): TQueryParams {
  return Object.entries(params)
    .reduce((acc, [key, value]) => {
      if (typeof value === 'string') {
        acc[key] = encodeURIComponent(decodeURIComponent(value))
      } else {
        try {
          acc[key] = encodeURIComponent(JSON.stringify(value))
        } catch (error) {}
      }

      return acc
    }, {} as TQueryParams)
}