fix: re-run ssrRef factory functions on hot module reload

closes #88 - fix: `ssrRef` and `useAsync` do not support HMR

Author: danielroe

src/async.ts

@@ -1,6 +1,7 @@
 import { isRef, onServerPrefetch } from '@vue/composition-api'
 import type { Ref } from '@vue/composition-api'
 
+import { globalNuxt } from './globals'
 import { ssrRef } from './ssr-ref'
 
 /**
@@ -39,7 +40,12 @@ export const useAsync = <T>(
 
   const _ref = isRef(key) ? key : ssrRef<T | null>(null, key)
 
-  if (!_ref.value) {
+  if (
+    !_ref.value ||
+    (process.env.NODE_ENV === 'development' &&
+      process.client &&
+      window[globalNuxt].context.isHMR)
+  ) {
     const p = cb()
 
     if (p instanceof Promise) {

src/ssr-ref.ts

@@ -1,7 +1,7 @@
 import { ref, computed } from '@vue/composition-api'
 import type { Ref } from '@vue/composition-api'
 
-import { globalContext } from './globals'
+import { globalContext, globalNuxt } from './globals'
 
 function getValue<T>(value: T | (() => T)): T {
   if (value instanceof Function) return value()
@@ -48,6 +48,12 @@ export const ssrRef = <T>(value: T | (() => T), key?: string): Ref<T> => {
   }
 
   if (process.client) {
+    if (
+      process.env.NODE_ENV === 'development' &&
+      window[globalNuxt].context.isHMR
+    ) {
+      return ref(getValue(value))
+    }
     return ref(
       (window as any)[globalContext]?.ssrRefs?.[key] ?? getValue(value)
     )
@@ -120,6 +126,12 @@ export const shallowSsrRef = <T>(
   }
 
   if (process.client) {
+    if (
+      process.env.NODE_ENV === 'development' &&
+      window[globalNuxt].context.isHMR
+    ) {
+      return shallowRef(getValue(value))
+    }
     return shallowRef(
       (window as any)[globalContext]?.ssrRefs?.[key] ?? getValue(value)
     )