feat: add basic tooling setup

README.md

@@ -114,3 +114,10 @@ The following is an example using `clientA` instead of the default client:
     `, null, { clientId: 'clientA' })
     ...
 ```
+
+## Tooling
+
+An `apollo.config.js` configuration file for [Apollo GraphQL VSCode extension](https://www.apollographql.com/docs/devtools/editor-plugins/) ((`apollographql.vscode-apollo`)) will be automatically scaffolded.
+
+You should fill in the `client.server.url` property with the URL of the server exposing your GraphQL schema.
+This extension will automatically connect to your remote server, read your GraphQL schema and provide autocomplete/schema errors detection for your GraphQL queries.

lib/templates/apollo.config.js

@@ -0,0 +1,14 @@
+'use strict'
+/* eslint-env node */
+// See https://www.apollographql.com/docs/devtools/apollo-config/
+module.exports = {
+  client: {
+    service: {
+      name: 'my-service',
+      // URL to the GraphQL API
+      url: 'http://localhost:3000/graphql',
+    },
+    // Files processed by the extension
+    includes: ['src/**/*.vue', 'src/**/*.js', 'src/**/*.ts'],
+  },
+}

src/install.js

@@ -10,4 +10,8 @@ module.exports = function (api) {
   } else {
     api.render('../lib/templates')
   }
+
+  api.extendJsonFile('.vscode/extensions.json', {
+    recommendations: ['apollographql.vscode-apollo'],
+  })
 }

src/templates/apollo.config.js

@@ -0,0 +1,13 @@
+/* eslint-env node */
+// See https://www.apollographql.com/docs/devtools/apollo-config/
+module.exports = {
+  client: {
+    service: {
+      name: 'my-service',
+      // URL to the GraphQL API
+      url: 'http://localhost:3000/graphql',
+    },
+    // Files processed by the extension
+    includes: ['src/**/*.vue', 'src/**/*.js', 'src/**/*.ts'],
+  },
+}