refactor: rename onFetch to useFetch

BREAKING CHANGE: `onFetch` can now be accessed using `useFetch`

README.md

@@ -49,22 +49,22 @@ npm install nuxt-composition-api --save
 
 You will now be able to access the following hooks:
 
-### onFetch
+### useFetch
 
 Versions of Nuxt newer than v2.12 support a [custom hook called `fetch`](https://nuxtjs.org/api/pages-fetch/) that allows server-side and client-side asynchronous data-fetching.
 
 You can access this with this package as follows:
 
 ```ts
 import { defineComponent, ref } from '@vue/composition-api'
-import { onFetch } from 'nuxt-composition-api'
+import { useFetch } from 'nuxt-composition-api'
 import axios from 'axios'
 
 export default defineComponent({
   setup() {
     const name = ref('')
 
-    onFetch(async () => {
+    useFetch(async () => {
       name.value = await axios.get('https://myapi.com/name')
     })
   },

src/fetch.ts

@@ -84,7 +84,7 @@ async function serverPrefetch(vm: AugmentedComponentInstance) {
   )
 }
 
-export const onFetch = (callback: Fetch) => {
+export const useFetch = (callback: Fetch) => {
   const vm = getCurrentInstance() as AugmentedComponentInstance | undefined
   if (!vm) throw new Error('This must be called within a setup function.')
 

src/index.ts

@@ -1,2 +1,2 @@
-export { onFetch } from './fetch'
+export { useFetch } from './fetch'
 export { withContext } from './context'

test/fixture/pages/index.vue

@@ -6,7 +6,7 @@
 
 <script>
 import { defineComponent, ref } from '@vue/composition-api'
-import { onFetch } from '../../..'
+import { useFetch } from '../../..'
 
 export function fetcher(result) {
   return new Promise(resolve => {
@@ -20,7 +20,7 @@ export default defineComponent({
   setup() {
     const name = ref('')
     
-    onFetch(async () => {
+    useFetch(async () => {
       name.value = await fetcher('Full Name')
     })
 

test/index.spec.ts

@@ -7,7 +7,7 @@ const config = require('./fixture/nuxt.config')
 
 let nuxt
 
-describe('onFetch', () => {
+describe('useFetch', () => {
   beforeAll(async () => {
     nuxt = (await setup(config)).nuxt
   }, 60000)