use-route-query.ts

import { useRoute } from 'vue-router'

const route = useRoute()

export default function useRouteQuery () {
  return {
    getRouteQuery (key: string) {
      const { [key]: value } = route.query
      return Array.isArray(value) ? value[0] : value
    },
    getRouteQueryNumber (key: string) {
      const { [key]: value } = route.query
      return Array.isArray(value) ? Number(value[0]) : Number(value)
    },
    getRouteQueryArray (key: string) {
      const { [key]: value } = route.query
      return Array.isArray(value) ? value : [value]
    },
    getRouteQueryArrayNumber (key: string) {
      const { [key]: value } = route.query
      return (Array.isArray(value) ? value : [value]).map(Number)
    }
  }
}