improvement(useCookie): Adding tests and documentation, and also adding the @src/api file

Author: microcipcip

package-lock.json

@@ -93,7 +93,6 @@
     "@storybook/theming": "^5.3.13",
     "@storybook/vue": "^5.3.13",
     "@types/jest": "^23.3.2",
-    "@types/js-cookie": "^2.2.4",
     "@types/node": "^10.11.0",
     "@types/throttle-debounce": "^2.1.0",
     "@typescript-eslint/eslint-plugin": "^2.18.0",
@@ -139,7 +138,7 @@
     "vue-template-compiler": "^2.6.11"
   },
   "dependencies": {
-    "js-cookie": "^2.2.1",
+    "cookie-universal": "^2.1.1",
     "throttle-debounce": "^2.1.0"
   }
 }

package.json

@@ -0,0 +1,2 @@
+export * from '@vue/composition-api'
+export { default } from '@vue/composition-api'

src/api.ts

@@ -31,7 +31,7 @@
 
 <script lang="ts">
 import Vue from 'vue'
-import { ref, watch } from '@vue/composition-api'
+import { ref, watch } from '@src/api'
 import { useBeforeUnload } from '@src/vue-use-kit'
 
 export default Vue.extend({

src/components/useBeforeUnload/stories/UseBeforeUnloadDemo.vue

@@ -45,7 +45,7 @@ function useBeforeUnload(
 
 <script lang="ts">
   import Vue from 'vue'
-  import { ref, watch } from '@vue/composition-api'
+  import { ref, watch } from '@src/api'
   import { useBeforeUnload } from 'vue-use-kit'
 
   export default Vue.extend({

src/components/useBeforeUnload/stories/useBeforeUnload.md

@@ -4,7 +4,7 @@ import {
   checkOnStartEvents,
   checkOnStopEvents
 } from '@src/helpers/test'
-import { ref } from '@vue/composition-api'
+import { ref } from '@src/api'
 import { useBeforeUnload } from '@src/vue-use-kit'
 
 afterEach(() => {

src/components/useBeforeUnload/useBeforeUnload.spec.ts

@@ -1,4 +1,4 @@
-import { ref, onMounted, onUnmounted, Ref } from '@vue/composition-api'
+import { ref, onMounted, onUnmounted, Ref } from '@src/api'
 
 export function useBeforeUnload(isPageDirty: Ref<boolean>, runOnMount = true) {
   const isTracking = ref(false)

src/components/useBeforeUnload/useBeforeUnload.ts

@@ -25,7 +25,7 @@
 
 <script lang="ts">
 import Vue from 'vue'
-import { ref } from '@vue/composition-api'
+import { ref } from '@src/api'
 import { useClickAway } from '@src/vue-use-kit'
 
 export default Vue.extend({

src/components/useClickAway/stories/UseClickAwayDemo.vue

@@ -30,7 +30,7 @@ function useClickAway(
 
 <script lang="ts">
   import Vue from 'vue'
-  import { ref } from '@vue/composition-api'
+  import { ref } from '@src/api'
   import { useClickAway } from 'vue-use-kit'
 
   export default Vue.extend({

src/components/useClickAway/stories/useClickAway.md

@@ -1,5 +1,5 @@
 import { checkOnMountAndUnmountEvents, mount } from '@src/helpers/test'
-import { ref } from '@vue/composition-api'
+import { ref } from '@src/api'
 import { useClickAway } from '@src/vue-use-kit'
 
 afterEach(() => {