update dependencies and examples (#319)

* update dependencies and examples
Diizzayy · Mar 12, 2023 · 69c6974 · 69c6974
1 parent f865e59
commit 69c6974
Show file tree

Hide file tree

Showing 16 changed files with 3,343 additions and 2,205 deletions.
diff --git a/examples/basic/app.vue b/examples/basic/app.vue
@@ -10,31 +10,31 @@
       <p>Launch Count: {{ data?.launches.length || 0 }}</p>
 
       <div v-if="!pending" class="launches mt-4">
-        <div v-for="entry in data?.launches" :key="entry.id">
-          <div v-if="entry?.links.flickr_images[0]" class="thumbnail">
+        <div v-for="(entry, i) in data?.launches" :key="entry.id">
+          <div v-if="entry?.links?.patch?.small" class="thumbnail">
             <img
               class="lazyload"
               src="https://placehold.co/150"
-              :data-src="entry?.links.flickr_images[0]"
-              :alt="entry.mission_name"
+              :data-src="entry?.links.patch?.small"
+              :alt="entry.name || `Launch ${i}`"
             />
           </div>
 
           <div v-else>
             <div class="thumbnail">
               <img
                 src="https://placehold.co/150"
-                :alt="entry.mission_name"
+                :alt="entry.name || `Launch ${i}`"
               />
             </div>
           </div>
 
-          <h2>{{ `${entry.mission_name} (${entry.launch_year})` }}</h2>
-          <p>Launch Status: {{ entry.launch_success ? '🚀' : '🪂' }}</p>
+          <h2>{{ `${entry.name} (${new Date(entry.date).getFullYear()})` }}</h2>
+          <p>Launch Status: {{ entry.success ? '🚀' : '🪂' }}</p>
 
-          <p>
+          <p v-if="entry.links?.article">
             More info:
-            <a :href="entry.links.article_link" target="_blank">Read Article</a>
+            <a :href="entry.links?.article" target="_blank">Read Article</a>
           </p>
         </div>
       </div>

diff --git a/examples/basic/nuxt.config.ts b/examples/basic/nuxt.config.ts
@@ -3,7 +3,7 @@ export default defineNuxtConfig({
 
   runtimeConfig: {
     public: {
-      GQL_HOST: 'https://spacex-api-2gl6xp7kua-ue.a.run.app/graphql'
+      GQL_HOST: 'https://spacex-api-2gl6xp7kua-ue.a.run.app/query'
     }
   }
 })
diff --git a/examples/basic/package.json b/examples/basic/package.json
@@ -5,8 +5,7 @@
     "dev": "nuxt dev",
     "build": "nuxt build",
     "preview": "nuxt preview",
-    "generate": "nuxt generate",
-    "postinstall": "nuxt prepare"
+    "generate": "nuxt generate"
   },
   "devDependencies": {
     "@nuxt/ui": "latest",

diff --git a/examples/basic/queries/launches.gql b/examples/basic/queries/launches.gql
@@ -1,17 +1,19 @@
-query launches($sort: String = "launch_year", $order: String = "desc", $limit: Int = 10) {
-  launches(sort: $sort, order: $order, find: { mission_name: "Starlink" }, limit: $limit) {
+query launches($sort: String = "date", $order: SortOrder = desc, $limit: Int = 10) {
+  launches(sort: $sort, order: $order, filter: { name: "Starlink" }, limit: $limit) {
     id
     details
-    mission_name
-    launch_year
-    launch_success
+    name
+    date
+    success
     links {
-      article_link
-      flickr_images
+      article
+      patch {
+        small
+      }
     }
     rocket {
-      rocket_name
-      rocket_type
+      name
+      type
     }
   }
 }
diff --git a/examples/extends/package.json b/examples/extends/package.json
@@ -5,8 +5,7 @@
     "dev": "nuxt dev",
     "build": "nuxt build",
     "preview": "nuxt preview",
-    "generate": "nuxt generate",
-    "postinstall": "nuxt prepare"
+    "generate": "nuxt generate"
   },
   "devDependencies": {
     "@nuxt/ui": "latest",

diff --git a/examples/multi-client/nuxt.config.ts b/examples/multi-client/nuxt.config.ts
@@ -7,7 +7,7 @@ export default defineNuxtConfig({
         codegen: false,
         clients: {
           spacex: {
-            host: 'https://spacex-api-2gl6xp7kua-ue.a.run.app/graphql',
+            host: 'https://spacex-api-2gl6xp7kua-ue.a.run.app/query',
             headers: {
               serverOnly: {
                 'X-SERVER-ONLY': 'vcvxcvx'

diff --git a/examples/multi-client/package.json b/examples/multi-client/package.json
@@ -5,8 +5,7 @@
     "dev": "nuxt dev",
     "build": "nuxt build",
     "preview": "nuxt preview",
-    "generate": "nuxt generate",
-    "postinstall": "nuxt prepare"
+    "generate": "nuxt generate"
   },
   "devDependencies": {
     "@nuxt/ui": "latest",

diff --git a/examples/multi-client/pages/spacex/crew.vue b/examples/multi-client/pages/spacex/crew.vue
@@ -0,0 +1,9 @@
+<template>
+  <p>Crew Name: {{ data?.crew?.name || 'Unknown' }}</p>
+</template>
+
+<script lang="ts" setup>
+const GqlInstance = useGql()
+
+const { data } = await useAsyncData(() => GqlInstance('crew'))
+</script>
diff --git a/examples/multi-client/pages/spacex/mission.vue b/examples/multi-client/pages/spacex/mission.vue
diff --git a/examples/multi-client/queries/spacex/crew.gql b/examples/multi-client/queries/spacex/crew.gql
@@ -0,0 +1,5 @@
+query crew {
+  crew (filter: { name: "Douglas Hurley" }) {
+    name
+  }
+}
diff --git a/examples/multi-client/queries/spacex/mission.gql b/examples/multi-client/queries/spacex/mission.gql
diff --git a/examples/starter/package.json b/examples/starter/package.json
@@ -5,8 +5,7 @@
     "dev": "nuxt dev",
     "build": "nuxt build",
     "preview": "nuxt preview",
-    "generate": "nuxt generate",
-    "postinstall": "nuxt prepare"
+    "generate": "nuxt generate"
   },
   "devDependencies": {
     "@nuxt/ui": "latest",

diff --git a/package.json b/package.json
@@ -39,20 +39,20 @@
     "example:build": "./scripts/example.sh build",
     "dev": "nuxi dev playground",
     "dev:build": "nuxi build playground",
-    "test": "vitest run",
+    "test": "nuxi prepare examples/basic && nuxi prepare examples/multi-client && vitest run",
     "lint": "eslint --ext .js,.ts,.vue .",
     "lint:fix": "eslint --fix --ext .js,.ts,.vue .",
     "prepare": "nuxt-module-build --stub && nuxi prepare playground"
   },
   "dependencies": {
-    "@graphql-codegen/cli": "npm:graphql-codegen-cli-nuxt@latest",
-    "@graphql-codegen/typescript": "^2.8.3",
+    "@graphql-codegen/cli": "^3.2.1",
+    "@graphql-codegen/typescript": "^3.0.1",
     "@graphql-codegen/typescript-graphql-request": "^4.5.8",
-    "@graphql-codegen/typescript-operations": "^2.5.8",
+    "@graphql-codegen/typescript-operations": "^3.0.1",
     "@nuxt/kit": "latest",
-    "defu": "^6.1.1",
+    "defu": "^6.1.2",
     "graphql": "^16.6.0",
-    "graphql-request": "^5.0.0",
+    "graphql-request": "5.0.0",
     "knitwork": "^1.0.0",
     "ohash": "^1.0.0",
     "scule": "^1.0.0"
@@ -61,10 +61,10 @@
     "@nuxt/module-builder": "latest",
     "@nuxt/test-utils": "latest",
     "@nuxtjs/eslint-config-typescript": "latest",
-    "@vitest/coverage-c8": "^0.25.3",
-    "eslint": "^8.29.0",
+    "@vitest/coverage-c8": "^0.29.2",
+    "eslint": "^8.35.0",
     "nuxt": "latest",
-    "vitest": "^0.25.3"
+    "vitest": "^0.29.2"
   },
-  "packageManager": "pnpm@7.18.0"
+  "packageManager": "pnpm@7.29.1"
 }
diff --git a/playground/nuxt.config.ts b/playground/nuxt.config.ts
@@ -3,7 +3,7 @@ export default defineNuxtConfig({
 
   runtimeConfig: {
     public: {
-      GQL_HOST: 'https://spacex-api-2gl6xp7kua-ue.a.run.app/graphql'
+      GQL_HOST: 'https://spacex-api-2gl6xp7kua-ue.a.run.app/query'
     }
   }
 })