update dependencies and examples (#319)

* update dependencies and examples

Author: Diizzayy

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>

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'
     }
   }
 })

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",

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
     }
   }
 }

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",

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'

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",

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>

examples/multi-client/pages/spacex/mission.vue

@@ -0,0 +1,5 @@
+query crew {
+  crew (filter: { name: "Douglas Hurley" }) {
+    name
+  }
+}