workaround for bug in VueDemi

 see vueuse/vue-demi#106

.gitignore

@@ -1,3 +1,2 @@
 node_modules
-dist
-.idea
+.idea

dist/index.d.ts

@@ -0,0 +1,13 @@
+import { PiniaPluginContext } from 'pinia';
+import { Ref } from 'vue-demi';
+
+declare function PiniaLoading({ options, store }: PiniaPluginContext): void;
+declare module 'pinia' {
+    interface PiniaCustomProperties<Id, S, G, A> {
+        $loading: {
+            [K in keyof A as A[K] extends () => Promise<any> ? K : never]: Ref<Boolean>;
+        };
+    }
+}
+
+export { PiniaLoading };

dist/index.js

@@ -0,0 +1,53 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var src_exports = {};
+__export(src_exports, {
+  PiniaLoading: () => PiniaLoading
+});
+module.exports = __toCommonJS(src_exports);
+var import_vue_demi = require("vue-demi");
+function PiniaLoading({ options, store }) {
+  if (options.actions) {
+    const $loading = {};
+    Object.keys(options.actions).forEach((actionKey) => {
+      const originAction = options.actions[actionKey];
+      const action = function(...args) {
+        const rtn = originAction.apply(this, args);
+        if (rtn instanceof Promise) {
+          $loading[actionKey] = (0, import_vue_demi.ref)(false);
+          return new Promise((resolve, reject) => {
+            $loading[actionKey].value = true;
+            rtn.then(resolve).catch(reject).finally(() => {
+              $loading[actionKey].value = false;
+            });
+          });
+        } else {
+          return rtn;
+        }
+      };
+      store[actionKey] = action;
+    });
+    store.$loading = $loading;
+  }
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  PiniaLoading
+});

dist/index.mjs

@@ -0,0 +1,29 @@
+// src/index.ts
+import { ref } from "vue-demi";
+function PiniaLoading({ options, store }) {
+  if (options.actions) {
+    const $loading = {};
+    Object.keys(options.actions).forEach((actionKey) => {
+      const originAction = options.actions[actionKey];
+      const action = function(...args) {
+        const rtn = originAction.apply(this, args);
+        if (rtn instanceof Promise) {
+          $loading[actionKey] = ref(false);
+          return new Promise((resolve, reject) => {
+            $loading[actionKey].value = true;
+            rtn.then(resolve).catch(reject).finally(() => {
+              $loading[actionKey].value = false;
+            });
+          });
+        } else {
+          return rtn;
+        }
+      };
+      store[actionKey] = action;
+    });
+    store.$loading = $loading;
+  }
+}
+export {
+  PiniaLoading
+};