quasar-ui-danx 0.3.10 → 0.3.12

package/src/components/Utility/Transitions/StaggeredListTransition.vue

@@ -1,12 +1,12 @@
 <template>
   <TransitionGroup
-      ref="list"
-      tag="div"
-      appear
-      :css="false"
-      @before-enter="onBeforeEnter"
-      @enter="onEnter"
-      @leave="onLeave"
+    ref="list"
+    tag="div"
+    appear
+    :css="false"
+    @before-enter="onBeforeEnter"
+    @enter="onEnter"
+    @leave="onLeave"
   >
     <slot />
   </TransitionGroup>

package/src/config/index.ts

@@ -1,7 +1,9 @@
 import { QNotifyCreateOptions } from "quasar";
+import { Ref, shallowRef } from "vue";
 import { FileUploadOptions } from "../helpers";
 
 export interface DanxOptions {
+    tinyMceApiKey: string;
     fileUpload: FileUploadOptions;
     flashMessages: {
         default: QNotifyCreateOptions;
@@ -11,7 +13,8 @@ export interface DanxOptions {
     };
 }
 
-export let danxOptions: DanxOptions = {
+export const danxOptions: Ref<DanxOptions> = shallowRef({
+    tinyMceApiKey: "set-api-key-in-danx-options",
     fileUpload: {
         directory: "file-upload",
         presignedUploadUrl: null,
@@ -23,11 +26,11 @@ export let danxOptions: DanxOptions = {
         warning: {},
         error: {}
     }
-};
+});
 
 export function configure(options: DanxOptions) {
-    danxOptions = {
-        ...danxOptions,
+    danxOptions.value = {
+        ...danxOptions.value,
         ...options
     };
 }

package/src/helpers/FileUpload.ts

@@ -38,7 +38,7 @@ export class FileUpload {
         this.onAllCompleteCb = null;
 
         this.options = {
-            ...danxOptions.fileUpload,
+            ...danxOptions.value.fileUpload,
             ...options
         };
 

package/src/helpers/FlashMessages.ts

@@ -37,7 +37,7 @@ export class FlashMessages {
                 classes: "bg-gray-500 text-white",
                 position: "top",
                 closeBtn: "X",
-                ...danxOptions.flashMessages.default,
+                ...danxOptions.value.flashMessages.default,
                 ...options
             });
         }
@@ -48,7 +48,7 @@ export class FlashMessages {
             classes: "bg-green-300 !text-green-900",
             icon: "check",
             ...options,
-            ...danxOptions.flashMessages.success
+            ...danxOptions.value.flashMessages.success
         });
     }
 
@@ -57,7 +57,7 @@ export class FlashMessages {
             classes: "bg-red-300 !text-red-900",
             icon: "error",
             ...options,
-            ...danxOptions.flashMessages.error
+            ...danxOptions.value.flashMessages.error
         });
     }
 
@@ -66,12 +66,12 @@ export class FlashMessages {
             classes: "bg-yellow-300 !text-yellow-900",
             icon: "warning",
             ...options,
-            ...danxOptions.flashMessages.warning
+            ...danxOptions.value.flashMessages.warning
         });
     }
 
     static combine(type: string, messages: string[] | { message: string, Message: string }[], options = {}) {
-        // @ts-ignore
+        // @ts-expect-error - type is a string
         const messageType = FlashMessages[type];
 
         if (typeof messageType !== "function") {

package/src/vendor/tinymce-config.ts

@@ -1 +0,0 @@
-export const apiKey = "YOUR_API_KEY";