@vueuse/integrations 6.3.2 → 6.5.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vueuse/integrations",
-  "version": "6.3.2",
+  "version": "6.5.3",
   "description": "Integration wrappers for utility libraries",
   "keywords": [
     "vue",
@@ -13,7 +13,7 @@
     "url": "git+https://github.com/vueuse/vueuse.git"
   },
   "funding": "https://github.com/sponsors/antfu",
-  "author": "Anthony Fu<https://github.com/antfu>",
+  "author": "Anthony Fu <https://github.com/antfu>",
   "exports": {
     ".": {
       "import": "./index.mjs",
@@ -28,6 +28,10 @@
       "import": "./useCookies.mjs",
       "require": "./useCookies.cjs"
     },
+    "./useDrauu": {
+      "import": "./useDrauu.mjs",
+      "require": "./useDrauu.cjs"
+    },
     "./useFocusTrap": {
       "import": "./useFocusTrap.mjs",
       "require": "./useFocusTrap.cjs"
@@ -56,12 +60,13 @@
   },
   "homepage": "https://github.com/vueuse/vueuse/tree/main/packages/integrations#readme",
   "dependencies": {
-    "@vueuse/shared": "6.3.2",
+    "@vueuse/core": "6.5.3",
     "vue-demi": "*"
   },
   "optionalDependencies": {
     "axios": "^0.21.4",
-    "focus-trap": "^6.6.1",
+    "drauu": "^0.2.0",
+    "focus-trap": "^6.7.0",
     "jwt-decode": "^3.1.2",
     "nprogress": "^0.2.0",
     "qrcode": "^1.4.4",

package/useAxios.cjs

@@ -9,71 +9,75 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var axios__default = /*#__PURE__*/_interopDefaultLegacy(axios);
 
-/**
- * Wrapper for axios.
- *
- * @see https://vueuse.org/useAxios
- * @param url
- * @param config
- */
-function useAxios(url, ...args) {
-    let config = {};
-    let instance = axios__default['default'];
-    if (args.length > 0) {
-        /**
-         * Unable to use `instanceof` here becuase of (https://github.com/axios/axios/issues/737)
-         * so instead we are checking if there is a `requset` on the object to see if it is an
-         * axios instance
-         */
-        if ('request' in args[0])
-            instance = args[0];
-        else
-            config = args[0];
-    }
-    if (args.length > 1) {
-        if ('request' in args[1])
-            instance = args[1];
-    }
-    const response = vueDemi.shallowRef();
-    const data = vueDemi.shallowRef();
-    const isFinished = vueDemi.ref(false);
-    const isLoading = vueDemi.ref(true);
-    const aborted = vueDemi.ref(false);
-    const error = vueDemi.shallowRef();
-    const cancelToken = axios__default['default'].CancelToken.source();
-    const abort = (message) => {
-        if (isFinished.value || !isLoading.value)
-            return;
-        cancelToken.cancel(message);
-        aborted.value = true;
-        isLoading.value = false;
-        isFinished.value = false;
-    };
-    instance(url, Object.assign(Object.assign({}, config), { cancelToken: cancelToken.token }))
-        .then((r) => {
-        response.value = r;
-        data.value = r.data;
-    })
-        .catch((e) => {
-        error.value = e;
-    })
-        .finally(() => {
-        isLoading.value = false;
-        isFinished.value = true;
-    });
-    return {
-        response,
-        data,
-        error,
-        finished: isFinished,
-        loading: isLoading,
-        isFinished,
-        isLoading,
-        cancel: abort,
-        canceled: aborted,
-        aborted,
-        abort,
-    };
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+function useAxios(url, ...args) {
+  let config = {};
+  let instance = axios__default["default"];
+  if (args.length > 0) {
+    if ("request" in args[0])
+      instance = args[0];
+    else
+      config = args[0];
+  }
+  if (args.length > 1) {
+    if ("request" in args[1])
+      instance = args[1];
+  }
+  const response = vueDemi.shallowRef();
+  const data = vueDemi.shallowRef();
+  const isFinished = vueDemi.ref(false);
+  const isLoading = vueDemi.ref(true);
+  const aborted = vueDemi.ref(false);
+  const error = vueDemi.shallowRef();
+  const cancelToken = axios__default["default"].CancelToken.source();
+  const abort = (message) => {
+    if (isFinished.value || !isLoading.value)
+      return;
+    cancelToken.cancel(message);
+    aborted.value = true;
+    isLoading.value = false;
+    isFinished.value = false;
+  };
+  instance(url, __spreadProps(__spreadValues({}, config), { cancelToken: cancelToken.token })).then((r) => {
+    response.value = r;
+    data.value = r.data;
+  }).catch((e) => {
+    error.value = e;
+  }).finally(() => {
+    isLoading.value = false;
+    isFinished.value = true;
+  });
+  return {
+    response,
+    data,
+    error,
+    finished: isFinished,
+    loading: isLoading,
+    isFinished,
+    isLoading,
+    cancel: abort,
+    canceled: aborted,
+    aborted,
+    abort
+  };
 }
 
 exports.useAxios = useAxios;

package/useAxios.iife.js

@@ -66,75 +66,79 @@
 
   var axios__default = /*#__PURE__*/_interopDefaultLegacy(axios);
 
-  /**
-   * Wrapper for axios.
-   *
-   * @see https://vueuse.org/useAxios
-   * @param url
-   * @param config
-   */
-  function useAxios(url, ...args) {
-      let config = {};
-      let instance = axios__default['default'];
-      if (args.length > 0) {
-          /**
-           * Unable to use `instanceof` here becuase of (https://github.com/axios/axios/issues/737)
-           * so instead we are checking if there is a `requset` on the object to see if it is an
-           * axios instance
-           */
-          if ('request' in args[0])
-              instance = args[0];
-          else
-              config = args[0];
-      }
-      if (args.length > 1) {
-          if ('request' in args[1])
-              instance = args[1];
-      }
-      const response = vueDemi.shallowRef();
-      const data = vueDemi.shallowRef();
-      const isFinished = vueDemi.ref(false);
-      const isLoading = vueDemi.ref(true);
-      const aborted = vueDemi.ref(false);
-      const error = vueDemi.shallowRef();
-      const cancelToken = axios__default['default'].CancelToken.source();
-      const abort = (message) => {
-          if (isFinished.value || !isLoading.value)
-              return;
-          cancelToken.cancel(message);
-          aborted.value = true;
-          isLoading.value = false;
-          isFinished.value = false;
-      };
-      instance(url, Object.assign(Object.assign({}, config), { cancelToken: cancelToken.token }))
-          .then((r) => {
-          response.value = r;
-          data.value = r.data;
-      })
-          .catch((e) => {
-          error.value = e;
-      })
-          .finally(() => {
-          isLoading.value = false;
-          isFinished.value = true;
-      });
-      return {
-          response,
-          data,
-          error,
-          finished: isFinished,
-          loading: isLoading,
-          isFinished,
-          isLoading,
-          cancel: abort,
-          canceled: aborted,
-          aborted,
-          abort,
-      };
+  var __defProp = Object.defineProperty;
+  var __defProps = Object.defineProperties;
+  var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+  var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+  var __hasOwnProp = Object.prototype.hasOwnProperty;
+  var __propIsEnum = Object.prototype.propertyIsEnumerable;
+  var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+  var __spreadValues = (a, b) => {
+    for (var prop in b || (b = {}))
+      if (__hasOwnProp.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    if (__getOwnPropSymbols)
+      for (var prop of __getOwnPropSymbols(b)) {
+        if (__propIsEnum.call(b, prop))
+          __defNormalProp(a, prop, b[prop]);
+      }
+    return a;
+  };
+  var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+  function useAxios(url, ...args) {
+    let config = {};
+    let instance = axios__default["default"];
+    if (args.length > 0) {
+      if ("request" in args[0])
+        instance = args[0];
+      else
+        config = args[0];
+    }
+    if (args.length > 1) {
+      if ("request" in args[1])
+        instance = args[1];
+    }
+    const response = vueDemi.shallowRef();
+    const data = vueDemi.shallowRef();
+    const isFinished = vueDemi.ref(false);
+    const isLoading = vueDemi.ref(true);
+    const aborted = vueDemi.ref(false);
+    const error = vueDemi.shallowRef();
+    const cancelToken = axios__default["default"].CancelToken.source();
+    const abort = (message) => {
+      if (isFinished.value || !isLoading.value)
+        return;
+      cancelToken.cancel(message);
+      aborted.value = true;
+      isLoading.value = false;
+      isFinished.value = false;
+    };
+    instance(url, __spreadProps(__spreadValues({}, config), { cancelToken: cancelToken.token })).then((r) => {
+      response.value = r;
+      data.value = r.data;
+    }).catch((e) => {
+      error.value = e;
+    }).finally(() => {
+      isLoading.value = false;
+      isFinished.value = true;
+    });
+    return {
+      response,
+      data,
+      error,
+      finished: isFinished,
+      loading: isLoading,
+      isFinished,
+      isLoading,
+      cancel: abort,
+      canceled: aborted,
+      aborted,
+      abort
+    };
   }
 
   exports.useAxios = useAxios;
 
   Object.defineProperty(exports, '__esModule', { value: true });
 
-}(this.VueUse = this.VueUse || {}, VueDemi, axios));
+})(this.VueUse = this.VueUse || {}, VueDemi, axios);

package/useAxios.iife.min.js

@@ -1 +1 @@
-!function(e){if(!e.VueDemi){var i={},n=e.Vue;if(n)if("2."===n.version.slice(0,2)){var o=e.VueCompositionAPI;if(o){for(var s in o)i[s]=o[s];i.isVue2=!0,i.isVue3=!1,i.install=function(){},i.Vue=n,i.Vue2=n,i.version=n.version}else console.error("[vue-demi] no VueCompositionAPI instance found, please be sure to import `@vue/composition-api` before `vue-demi`.")}else if("3."===n.version.slice(0,2)){for(var s in n)i[s]=n[s];i.isVue2=!1,i.isVue3=!0,i.install=function(){},i.Vue=n,i.Vue2=void 0,i.version=n.version,i.set=function(e,i,n){return Array.isArray(e)?(e.length=Math.max(e.length,i),e.splice(i,1,n),n):(e[i]=n,n)},i.del=function(e,i){Array.isArray(e)?e.splice(i,1):delete e[i]}}else console.error("[vue-demi] Vue version "+n.version+" is unsupported.");else console.error("[vue-demi] no Vue instance found, please be sure to import `vue` before `vue-demi`.");e.VueDemi=i}}(window),function(e,i,n){"use strict";function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=o(n);e.useAxios=function(e,...n){let o={},u=s.default;n.length>0&&("request"in n[0]?u=n[0]:o=n[0]),n.length>1&&"request"in n[1]&&(u=n[1]);const r=i.shallowRef(),t=i.shallowRef(),a=i.ref(!1),l=i.ref(!0),c=i.ref(!1),f=i.shallowRef(),v=s.default.CancelToken.source(),d=e=>{!a.value&&l.value&&(v.cancel(e),c.value=!0,l.value=!1,a.value=!1)};return u(e,Object.assign(Object.assign({},o),{cancelToken:v.token})).then((e=>{r.value=e,t.value=e.data})).catch((e=>{f.value=e})).finally((()=>{l.value=!1,a.value=!0})),{response:r,data:t,error:f,finished:a,loading:l,isFinished:a,isLoading:l,cancel:d,canceled:c,aborted:c,abort:d}},Object.defineProperty(e,"__esModule",{value:!0})}(this.VueUse=this.VueUse||{},VueDemi,axios);
+(function(l){if(!l.VueDemi){var e={},o=l.Vue;if(o)if(o.version.slice(0,2)==="2."){var c=l.VueCompositionAPI;if(c){for(var t in c)e[t]=c[t];e.isVue2=!0,e.isVue3=!1,e.install=function(){},e.Vue=o,e.Vue2=o,e.version=o.version}else console.error("[vue-demi] no VueCompositionAPI instance found, please be sure to import `@vue/composition-api` before `vue-demi`.")}else if(o.version.slice(0,2)==="3."){for(var t in o)e[t]=o[t];e.isVue2=!1,e.isVue3=!0,e.install=function(){},e.Vue=o,e.Vue2=void 0,e.version=o.version,e.set=function(i,u,a){return Array.isArray(i)?(i.length=Math.max(i.length,u),i.splice(u,1,a),a):(i[u]=a,a)},e.del=function(i,u){if(Array.isArray(i)){i.splice(u,1);return}delete i[u]}}else console.error("[vue-demi] Vue version "+o.version+" is unsupported.");else console.error("[vue-demi] no Vue instance found, please be sure to import `vue` before `vue-demi`.");l.VueDemi=e}})(window),function(l,e,o){"use strict";function c(n){return n&&typeof n=="object"&&"default"in n?n:{default:n}}var t=c(o),i=Object.defineProperty,u=Object.defineProperties,a=Object.getOwnPropertyDescriptors,V=Object.getOwnPropertySymbols,j=Object.prototype.hasOwnProperty,w=Object.prototype.propertyIsEnumerable,h=(n,r,s)=>r in n?i(n,r,{enumerable:!0,configurable:!0,writable:!0,value:s}):n[r]=s,A=(n,r)=>{for(var s in r||(r={}))j.call(r,s)&&h(n,s,r[s]);if(V)for(var s of V(r))w.call(r,s)&&h(n,s,r[s]);return n},x=(n,r)=>u(n,a(r));function R(n,...r){let s={},d=t.default;r.length>0&&("request"in r[0]?d=r[0]:s=r[0]),r.length>1&&"request"in r[1]&&(d=r[1]);const m=e.shallowRef(),O=e.shallowRef(),p=e.ref(!1),v=e.ref(!0),_=e.ref(!1),P=e.shallowRef(),b=t.default.CancelToken.source(),y=f=>{p.value||!v.value||(b.cancel(f),_.value=!0,v.value=!1,p.value=!1)};return d(n,x(A({},s),{cancelToken:b.token})).then(f=>{m.value=f,O.value=f.data}).catch(f=>{P.value=f}).finally(()=>{v.value=!1,p.value=!0}),{response:m,data:O,error:P,finished:p,loading:v,isFinished:p,isLoading:v,cancel:y,canceled:_,aborted:_,abort:y}}l.useAxios=R,Object.defineProperty(l,"__esModule",{value:!0})}(this.VueUse=this.VueUse||{},VueDemi,axios);

package/useAxios.mjs

@@ -1,71 +1,75 @@
 import { shallowRef, ref } from 'vue-demi';
 import axios from 'axios';
 
-/**
- * Wrapper for axios.
- *
- * @see https://vueuse.org/useAxios
- * @param url
- * @param config
- */
-function useAxios(url, ...args) {
-    let config = {};
-    let instance = axios;
-    if (args.length > 0) {
-        /**
-         * Unable to use `instanceof` here becuase of (https://github.com/axios/axios/issues/737)
-         * so instead we are checking if there is a `requset` on the object to see if it is an
-         * axios instance
-         */
-        if ('request' in args[0])
-            instance = args[0];
-        else
-            config = args[0];
-    }
-    if (args.length > 1) {
-        if ('request' in args[1])
-            instance = args[1];
-    }
-    const response = shallowRef();
-    const data = shallowRef();
-    const isFinished = ref(false);
-    const isLoading = ref(true);
-    const aborted = ref(false);
-    const error = shallowRef();
-    const cancelToken = axios.CancelToken.source();
-    const abort = (message) => {
-        if (isFinished.value || !isLoading.value)
-            return;
-        cancelToken.cancel(message);
-        aborted.value = true;
-        isLoading.value = false;
-        isFinished.value = false;
-    };
-    instance(url, Object.assign(Object.assign({}, config), { cancelToken: cancelToken.token }))
-        .then((r) => {
-        response.value = r;
-        data.value = r.data;
-    })
-        .catch((e) => {
-        error.value = e;
-    })
-        .finally(() => {
-        isLoading.value = false;
-        isFinished.value = true;
-    });
-    return {
-        response,
-        data,
-        error,
-        finished: isFinished,
-        loading: isLoading,
-        isFinished,
-        isLoading,
-        cancel: abort,
-        canceled: aborted,
-        aborted,
-        abort,
-    };
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+function useAxios(url, ...args) {
+  let config = {};
+  let instance = axios;
+  if (args.length > 0) {
+    if ("request" in args[0])
+      instance = args[0];
+    else
+      config = args[0];
+  }
+  if (args.length > 1) {
+    if ("request" in args[1])
+      instance = args[1];
+  }
+  const response = shallowRef();
+  const data = shallowRef();
+  const isFinished = ref(false);
+  const isLoading = ref(true);
+  const aborted = ref(false);
+  const error = shallowRef();
+  const cancelToken = axios.CancelToken.source();
+  const abort = (message) => {
+    if (isFinished.value || !isLoading.value)
+      return;
+    cancelToken.cancel(message);
+    aborted.value = true;
+    isLoading.value = false;
+    isFinished.value = false;
+  };
+  instance(url, __spreadProps(__spreadValues({}, config), { cancelToken: cancelToken.token })).then((r) => {
+    response.value = r;
+    data.value = r.data;
+  }).catch((e) => {
+    error.value = e;
+  }).finally(() => {
+    isLoading.value = false;
+    isFinished.value = true;
+  });
+  return {
+    response,
+    data,
+    error,
+    finished: isFinished,
+    loading: isLoading,
+    isFinished,
+    isLoading,
+    cancel: abort,
+    canceled: aborted,
+    aborted,
+    abort
+  };
 }
 
 export { useAxios };

package/useCookies.cjs

@@ -10,77 +10,65 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var Cookie__default = /*#__PURE__*/_interopDefaultLegacy(Cookie);
 
-/**
- * Creates a new {@link useCookies} function
- * @param {Object} req - incoming http request (for SSR)
- * @see https://github.com/reactivestack/cookies/tree/master/packages/universal-cookie universal-cookie
- * @description Creates universal-cookie instance using request (default is window.document.cookie) and returns {@link useCookies} function with provided universal-cookie instance
- */
-function createCookies(req) {
-    const universalCookie = new Cookie__default['default'](req ? req.headers.cookie : null);
-    return (dependencies, { doNotParse = false, autoUpdateDependencies = false } = {}) => useCookies(dependencies, { doNotParse, autoUpdateDependencies }, universalCookie);
-}
-/**
- * Reactive methods to work with cookies (use {@link createCookies} method instead if you are using SSR)
- * @param {string[]|null|undefined} dependencies - array of watching cookie's names. Pass empty array if don't want to watch cookies changes.
- * @param {Object} options
- * @param {boolean} options.doNotParse - don't try parse value as JSON
- * @param {boolean} options.autoUpdateDependencies - automatically update watching dependencies
- * @param {Object} cookies - universal-cookie instance
- */
-function useCookies(dependencies, { doNotParse = false, autoUpdateDependencies = false } = {}, cookies = new Cookie__default['default']()) {
-    const watchingDependencies = autoUpdateDependencies ? [...dependencies || []] : dependencies;
-    let previousCookies = cookies.getAll({ doNotParse: true });
-    /**
-     * Adds reactivity to get/getAll methods
-     */
-    const touches = vueDemi.ref(0);
-    const onChange = () => {
-        const newCookies = cookies.getAll({ doNotParse: true });
-        if (shouldUpdate(watchingDependencies || null, newCookies, previousCookies))
-            touches.value++;
-        previousCookies = newCookies;
-    };
-    cookies.addChangeListener(onChange);
-    shared.tryOnScopeDispose(() => {
-        cookies.removeChangeListener(onChange);
-    });
-    return {
-        /**
-         * Reactive get cookie by name. If **autoUpdateDependencies = true** then it will update watching dependencies
-         */
-        get: (...args) => {
-            /**
-             * Auto update watching dependencies if needed
-             */
-            if (autoUpdateDependencies && watchingDependencies && !watchingDependencies.includes(args[0]))
-                watchingDependencies.push(args[0]);
-            // eslint-disable-next-line no-unused-expressions
-            touches.value; // adds reactivity to method
-            return cookies.get(args[0], Object.assign({ doNotParse }, args[1]));
-        },
-        /**
-         * Reactive get all cookies
-         */
-        getAll: (...args) => {
-            // eslint-disable-next-line no-unused-expressions
-            touches.value; // adds reactivity to method
-            return cookies.getAll(Object.assign({ doNotParse }, args[0]));
-        },
-        set: (...args) => cookies.set(...args),
-        remove: (...args) => cookies.remove(...args),
-        addChangeListener: (...args) => cookies.addChangeListener(...args),
-        removeChangeListener: (...args) => cookies.removeChangeListener(...args),
-    };
-}
-function shouldUpdate(dependencies, newCookies, oldCookies) {
-    if (!dependencies)
-        return true;
-    for (const dependency of dependencies) {
-        if (newCookies[dependency] !== oldCookies[dependency])
-            return true;
-    }
-    return false;
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+function createCookies(req) {
+  const universalCookie = new Cookie__default["default"](req ? req.headers.cookie : null);
+  return (dependencies, { doNotParse = false, autoUpdateDependencies = false } = {}) => useCookies(dependencies, { doNotParse, autoUpdateDependencies }, universalCookie);
+}
+function useCookies(dependencies, { doNotParse = false, autoUpdateDependencies = false } = {}, cookies = new Cookie__default["default"]()) {
+  const watchingDependencies = autoUpdateDependencies ? [...dependencies || []] : dependencies;
+  let previousCookies = cookies.getAll({ doNotParse: true });
+  const touches = vueDemi.ref(0);
+  const onChange = () => {
+    const newCookies = cookies.getAll({ doNotParse: true });
+    if (shouldUpdate(watchingDependencies || null, newCookies, previousCookies))
+      touches.value++;
+    previousCookies = newCookies;
+  };
+  cookies.addChangeListener(onChange);
+  shared.tryOnScopeDispose(() => {
+    cookies.removeChangeListener(onChange);
+  });
+  return {
+    get: (...args) => {
+      if (autoUpdateDependencies && watchingDependencies && !watchingDependencies.includes(args[0]))
+        watchingDependencies.push(args[0]);
+      touches.value;
+      return cookies.get(args[0], __spreadValues({ doNotParse }, args[1]));
+    },
+    getAll: (...args) => {
+      touches.value;
+      return cookies.getAll(__spreadValues({ doNotParse }, args[0]));
+    },
+    set: (...args) => cookies.set(...args),
+    remove: (...args) => cookies.remove(...args),
+    addChangeListener: (...args) => cookies.addChangeListener(...args),
+    removeChangeListener: (...args) => cookies.removeChangeListener(...args)
+  };
+}
+function shouldUpdate(dependencies, newCookies, oldCookies) {
+  if (!dependencies)
+    return true;
+  for (const dependency of dependencies) {
+    if (newCookies[dependency] !== oldCookies[dependency])
+      return true;
+  }
+  return false;
 }
 
 exports.createCookies = createCookies;