feat: hydration utilities moved to main package, renamed ssr to nuxt (#69)

* feat: hydration utilities moved to main package, renamed `ssr` to `nuxt`

* fix: downgrade vue-demi to fix nuxt js integration

Author: DamianOsipiuk

examples/nuxt-simple/layouts/default.vue

@@ -7,7 +7,7 @@
 
 <script lang="ts">
 import { defineComponent } from "@nuxtjs/composition-api";
-import { useNuxtQueryProvider } from "vue-query/ssr";
+import { useNuxtQueryProvider } from "vue-query/nuxt";
 import { VueQueryDevTools } from "vue-query/devtools";
 
 export default defineComponent({

examples/nuxt-simple/pages/index.vue

@@ -15,7 +15,7 @@ import {
   useContext,
 } from "@nuxtjs/composition-api";
 import { useQuery, useQueryClient } from "vue-query";
-import { useNuxtDehydrate } from "vue-query/ssr";
+import { useNuxtDehydrate } from "vue-query/nuxt";
 
 const fetcher = async () =>
   await fetch("https://jsonplaceholder.typicode.com/todos").then((response) =>

nuxt/package.json

@@ -0,0 +1,6 @@
+{
+  "internal": true,
+  "main": "../lib/nuxt",
+  "module": "../esm/nuxt",
+  "types": "../lib/nuxt/index.d.ts"
+}

package-lock.json

@@ -7,7 +7,7 @@
   "types": "lib/index.d.ts",
   "files": [
     "/devtools",
-    "/ssr",
+    "/nuxt",
     "/lib",
     "/esm",
     "/types"
@@ -41,7 +41,7 @@
   "dependencies": {
     "match-sorter": "^6.3.0",
     "react-query": "^3.19.6",
-    "vue-demi": "^0.11.3"
+    "vue-demi": "^0.10.1"
   },
   "peerDependencies": {
     "@nuxtjs/composition-api": "^0.24.4",

package.json

@@ -31,9 +31,9 @@ export default [
     ...common,
   },
   {
-    input: "src/ssr/index.ts",
+    input: "src/nuxt/index.ts",
     output: {
-      file: "lib/ssr.js",
+      file: "lib/nuxt.js",
       format: "cjs",
       sourcemap: true,
     },
@@ -58,9 +58,9 @@ export default [
     ...common,
   },
   {
-    input: "src/ssr/index.ts",
+    input: "src/nuxt/index.ts",
     output: {
-      file: "esm/ssr.js",
+      file: "esm/nuxt.js",
       format: "esm",
       sourcemap: true,
     },

rollup.config.ts

@@ -10,4 +10,11 @@ export {
   MutationCache,
 } from "react-query/core";
 
+export { hydrate, dehydrate } from "./hydration";
+export type {
+  DehydrateOptions,
+  DehydratedState,
+  HydrateOptions,
+} from "./hydration";
+
 export * from "./vue";

src/ssr/hydration.ts renamed to src/hydration.ts

@@ -1,6 +1,6 @@
 import { useNuxtDehydrate } from "../useNuxtDehydrate";
 
-jest.mock("../hydration", () => ({
+jest.mock("../../hydration", () => ({
   dehydrate: jest.fn(() => "dehydrated"),
 }));
 

src/index.ts

@@ -1,18 +1,19 @@
 import { useContext } from "@nuxtjs/composition-api";
+
 import { useNuxtQueryProvider } from "../useNuxtQueryProvider";
-import { useQueryClient, useQueryProvider } from "../../index";
-import { hydrate } from "../hydration";
+import { useQueryClient, useQueryProvider } from "../../vue";
+import { hydrate } from "../../hydration";
 
 jest.mock("@nuxtjs/composition-api", () => ({
   useContext: jest.fn(),
 }));
 
-jest.mock("../../index", () => ({
+jest.mock("../../vue", () => ({
   useQueryClient: jest.fn(),
   useQueryProvider: jest.fn(),
 }));
 
-jest.mock("../hydration", () => ({
+jest.mock("../../hydration", () => ({
   hydrate: jest.fn(),
 }));