Fix LocationQuery type

andresespinosapc · web-flow · commit 41cb32949f4e · 2022-08-10T11:46:43.000-04:00
When a query param is not present the query value is `undefined`, but the type is only `string | null`.

Here is the extract of code where I had this problem:
```
const route = useRoute();
const sortBy = ref(route.query.sort_by.toString())
```

I got `Cannot read property 'toString' of undefined` but the linter didn't give any errors.
diff --git a/packages/router/src/query.ts b/packages/router/src/query.ts
@@ -28,7 +28,7 @@ export type LocationQueryValueRaw = LocationQueryValue | number | undefined
  */
 export type LocationQuery = Record<
   string,
-  LocationQueryValue | LocationQueryValue[]
+  LocationQueryValue | LocationQueryValue[] | undefined
 >
 /**
  * Loose {@link LocationQuery} object that can be passed to functions like

Original file line number	Diff line number	Diff line change
`@@ -28,7 +28,7 @@ export type LocationQueryValueRaw = LocationQueryValue \| number \| undefined`
`28`	`28`	`*/`
`29`	`29`	`export type LocationQuery = Record<`
`30`	`30`	`string,`
`31`		`- LocationQueryValue \| LocationQueryValue[]`
	`31`	`+ LocationQueryValue \| LocationQueryValue[] \| undefined`
`32`	`32`	`>`
`33`	`33`	`/**`
`34`	`34`	`* Loose {@link LocationQuery} object that can be passed to functions like`