chore: release v0.0.3

Author: wheatjs

Diff for: .vscode/settings.json

@@ -0,0 +1,3 @@
+{
+  "volar.tsPlugin": true
+}

Diff for: examples/spa/src/components/TestComponent.vue

@@ -13,20 +13,24 @@ const { fetching, error, data } = useQuery<any, any>({ name: throttled })
 <template>
   <div class="max-w-screen-md px-4 py-8 mx-auto flex flex-col">
     <input v-model="name" class="rounded flex py-2 px-4 bg-transparent border-1 border-green-500 text-white" type="text">
-    <div class="p-8 text-center" v-if="fetching">Loading...</div>
+    <div v-if="fetching" class="p-8 text-center">
+      Loading...
+    </div>
     <div v-else-if="error?.message">
       {{ error?.message }}
     </div>
-    <div class="py-8" v-else>
+    <div v-else class="py-8">
       <div v-for="artist in data.queryArtists" :key="artist.name">
         <div class="flex flex-row">
           <img class="rounded max-w-72" :src="artist.image">
-          <div class="text-5xl ml-4">{{ artist.name }}</div>
+          <div class="text-5xl ml-4">
+            {{ artist.name }}
+          </div>
         </div>
         <div class="mt-8">
           <span class="font-bold text-sm block">Albums</span>
           <div class="grid grid-cols-3 gap-4">
-            <div v-for="album in artist.albums" class="bg-gray-800">
+            <div v-for="album in artist.albums" :key="album.name" class="bg-gray-800">
               <img :src="album.image">
               <span class="block text-xs py-4 px-4">{{ album.name }}</span>
             </div>
@@ -49,9 +53,3 @@ query($name: String!) {
   }
 }
 </gql>
-
-<gql name="hi">
-query {
-  hi
-}
-</gql>

Diff for: package.json

@@ -1,7 +1,7 @@
 {
   "name": "vite-plugin-vue-gql",
   "description": "Vue SFC GraphQL Block",
-  "version": "0.0.2",
+  "version": "0.0.3",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
   "types": "dist/index.d.ts",

Diff for: src/index.ts

@@ -4,6 +4,7 @@ import { parse } from '@vue/compiler-sfc'
 import { parse as _parse } from '@babel/parser'
 import { parseVueRequest } from './query'
 import { collectNodes, collectUseImports, mergeNodesWithQueries, replaceAtIndexs } from './util'
+// import { UserOptions } from './types'
 
 const ID = 'vite-gql'
 
@@ -18,20 +19,16 @@ function vqlPlugin(): Plugin {
         return ID
     },
     async load(id) {
-      if (id === ID) {
-        return `
-          export { useQuery, useMutation, useSubscription } from '@urql/vue'
-        `
-      }
+      if (id === ID)
+        return 'export { useQuery, useMutation, useSubscription } from \'@urql/vue\''
     },
     async transform(code: string, id: string) {
       const fileRegex = /\.(vue)$/
       const { query } = parseVueRequest(id)
 
       if (query && query.vue && query.type === 'gql') {
         return {
-          code: `
-          export default {}`,
+          code: 'export default {}',
           map: null,
         }
       }

Diff for: src/types.ts

@@ -0,0 +1,5 @@
+export interface Options {
+
+}
+
+export type UserOptions = Partial<Options>