fix(useDraggable): SSR compatibility

chaii3 · Sep 25, 2021 · 9f19c15 · 9f19c15
1 parent e4873a0
commit 9f19c15
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 3 deletions.
diff --git a/.npmrc b/.npmrc
@@ -1 +1 @@
-shamefully-hoist: true
+shamefully-hoist=true
diff --git a/packages/core/useDraggable/component.ts b/packages/core/useDraggable/component.ts
@@ -1,5 +1,5 @@
 import { defineComponent, h, reactive, ref, unref } from 'vue-demi'
-import { useDraggable, UseDraggableOptions, useStorage } from '@vueuse/core'
+import { isClient, useDraggable, UseDraggableOptions, useStorage } from '@vueuse/core'
 import { RenderableComponent } from '../types'
 
 export interface UseDraggableProps extends UseDraggableOptions, RenderableComponent {
@@ -32,7 +32,11 @@ export const UseDraggable = defineComponent<UseDraggableProps>({
       ? useStorage(
         props.storageKey,
         unref(props.initialValue) || { x: 0, y: 0 },
-        props.storageType === 'session' ? sessionStorage : localStorage,
+        isClient
+          ? props.storageType === 'session'
+            ? sessionStorage
+            : localStorage
+          : undefined,
       )
       : props.initialValue || { x: 0, y: 0 }