Merge pull request #12 from microcipcip/feature/useCookie

Feature/use cookie

Author: microcipcip

README.md

@@ -104,7 +104,9 @@ Vue.use(VueCompositionAPI);
     [![Demo](https://img.shields.io/badge/demo-🚀-yellow.svg)](https://microcipcip.github.io/vue-use-kit/?path=/story/animations-usetimeoutfn--demo)
 - Side Effects
   - [`useBeforeUnload`](./src/components/useBeforeUnload/stories/useBeforeUnload.md) — shows browser alert when user try to reload or close the page.
-    [![Demo](https://img.shields.io/badge/demo-🚀-yellow.svg)](https://microcipcip.github.io/vue-use-kit/?path=/story/ui-usebeforeunload--demo)
+    [![Demo](https://img.shields.io/badge/demo-🚀-yellow.svg)](https://microcipcip.github.io/vue-use-kit/?path=/story/side-effects-usebeforeunload--demo)
+  - [`useCookie`](./src/components/useCookie/stories/useCookie.md) — provides way to read, update and delete a cookie.
+    [![Demo](https://img.shields.io/badge/demo-🚀-yellow.svg)](https://microcipcip.github.io/vue-use-kit/?path=/story/side-effects-usecookie--demo)
 - UI
   - [`useClickAway`](./src/components/useClickAway/stories/useClickAway.md) — triggers callback when user clicks outside target area.
     [![Demo](https://img.shields.io/badge/demo-🚀-yellow.svg)](https://microcipcip.github.io/vue-use-kit/?path=/story/ui-useclickaway--demo)

package-lock.json

@@ -138,6 +138,7 @@
     "vue-template-compiler": "^2.6.11"
   },
   "dependencies": {
+    "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({