fix(useAxios): use shallowRef for resposne, data, and error (#421)

* fix(useAxios): use shallowRef for resposne, data, and error
* fix types

Co-authored-by: Jacob Clevenger <wheat@jacobs-mbp.attlocal.net>
Co-authored-by: Anthony Fu <anthonyfu117@hotmail.com>

packages/integrations/useAxios/index.ts

@@ -1,4 +1,4 @@
-import { Ref, ref } from 'vue-demi'
+import { Ref, ref, shallowRef } from 'vue-demi'
 import axios, { AxiosError, AxiosRequestConfig, AxiosResponse, CancelTokenSource, AxiosInstance } from 'axios'
 
 export interface UseAxiosReturn<T> {
@@ -42,12 +42,12 @@ export function useAxios<T = any>(url: string, ...args: any[]) {
       instance = args[1]
   }
 
-  const response = ref<any>(null) as Ref<AxiosResponse<T> | undefined>
-  const data = ref<any>(undefined) as Ref<T | undefined>
+  const response = shallowRef<AxiosResponse<T>>()
+  const data = shallowRef<T>()
   const finished = ref(false)
   const loading = ref(true)
   const canceled = ref(false)
-  const error = ref<AxiosError<T> | undefined>()
+  const error = shallowRef<AxiosError<T>>()
 
   const cancelToken: CancelTokenSource = axios.CancelToken.source()
   const cancel = (message?: string) => {