feat: improve ESM support

Author: Akryum

packages/vue-apollo-components/package.json

@@ -5,6 +5,13 @@
   "main": "dist/vue-apollo-components.umd.js",
   "module": "dist/vue-apollo-components.esm.js",
   "unpkg": "dist/vue-apollo-components.min.js",
+  "exports": {
+    ".": {
+      "import": "./dist/vue-apollo-components.esm.js",
+      "require": "./dist/vue-apollo-components.umd.js"
+    },
+    "./*": "./*"
+  },
   "scripts": {
     "build": "pnpm run build:browser && pnpm run build:es && pnpm run build:umd",
     "build:browser": "rollup --config build/rollup.config.browser.js",

packages/vue-apollo-composable/package.json

@@ -25,6 +25,14 @@
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "module": "dist/index.esm.js",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.esm.js",
+      "require": "./dist/index.js"
+    },
+    "./*": "./*"
+  },
   "files": [
     "dist"
   ],

packages/vue-apollo-composable/src/useApolloClient.ts

@@ -1,5 +1,5 @@
 import { getCurrentInstance, inject } from 'vue-demi'
-import { ApolloClient } from '@apollo/client/core'
+import { ApolloClient } from '@apollo/client/core/index.js'
 
 export const DefaultApolloClient = Symbol('default-apollo-client')
 export const ApolloClients = Symbol('apollo-clients')

packages/vue-apollo-composable/src/useMutation.ts

@@ -1,5 +1,5 @@
 import { DocumentNode } from 'graphql'
-import { MutationOptions, OperationVariables, FetchResult, TypedDocumentNode, ApolloError } from '@apollo/client/core'
+import { MutationOptions, OperationVariables, FetchResult, TypedDocumentNode, ApolloError } from '@apollo/client/core/index.js'
 import { ref, onBeforeUnmount, isRef, Ref, getCurrentInstance } from 'vue-demi'
 import { useApolloClient } from './useApolloClient'
 import { ReactiveFunction } from './util/ReactiveFunction'

packages/vue-apollo-composable/src/useQuery.ts

@@ -21,7 +21,7 @@ import type {
   ObservableSubscription,
   TypedDocumentNode,
   ApolloError,
-} from '@apollo/client/core'
+} from '@apollo/client/core/index.js'
 import { throttle, debounce } from 'throttle-debounce'
 import { useApolloClient } from './useApolloClient'
 import { ReactiveFunction } from './util/ReactiveFunction'

packages/vue-apollo-composable/src/useSubscription.ts

@@ -17,7 +17,7 @@ import type {
   ObservableSubscription,
   TypedDocumentNode,
   ApolloError,
-} from '@apollo/client/core'
+} from '@apollo/client/core/index.js'
 import { throttle, debounce } from 'throttle-debounce'
 import { ReactiveFunction } from './util/ReactiveFunction'
 import { paramToRef } from './util/paramToRef'

packages/vue-apollo-composable/src/util/toApolloError.ts

@@ -1,5 +1,5 @@
-import { ApolloError, isApolloError } from '@apollo/client/core'
-import { GraphQLErrors } from '@apollo/client/errors'
+import { ApolloError, isApolloError } from '@apollo/client/core/index.js'
+import { GraphQLErrors } from '@apollo/client/errors/index.js'
 
 export function toApolloError (error: unknown): ApolloError {
   if (!(error instanceof Error)) {

packages/vue-apollo-composable/tests/fixtures/graphql-example-types.ts

@@ -1,5 +1,5 @@
 import gql from 'graphql-tag'
-import { TypedDocumentNode } from '@apollo/client/core'
+import { TypedDocumentNode } from '@apollo/client/core/index.js'
 
 export type ID = string
 

packages/vue-apollo-option/package.json

@@ -5,7 +5,15 @@
   "main": "dist/vue-apollo-option.umd.js",
   "module": "dist/vue-apollo-option.esm.js",
   "unpkg": "dist/vue-apollo-option.min.js",
-  "typings": "types/index.d.ts",
+  "types": "types/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./types/index.d.ts",
+      "import": "./dist/vue-apollo-option.esm.js",
+      "require": "./dist/vue-apollo-option.umd.js"
+    },
+    "./*": "./*"
+  },
   "scripts": {
     "build": "pnpm run build:browser && pnpm run build:es && pnpm run build:umd",
     "build:browser": "rollup --config build/rollup.config.browser.js",

packages/vue-apollo-option/types/apollo-provider.d.ts

@@ -1,7 +1,7 @@
 /* eslint no-unused-vars: 0 */
 
 import { ComponentOptions, AsyncComponentOptions, App } from 'vue'
-import { ApolloClient } from '@apollo/client/core'
+import { ApolloClient } from '@apollo/client/core/index.js'
 import {
   VueApolloComponentOptions,
   WatchLoading,