shared-ritm 1.1.24 → 1.1.26

package/src/icons/sidebar/workshop-icon.vue

@@ -1,100 +1,100 @@
-<template>
-  <svg width="24" height="24" viewBox="0 0 24 30" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <g filter="url(#filter0_d_116_6675)">
-      <path d="M11.99 12V22" stroke="currentStroke" stroke-width="1.5" stroke-miterlimit="10" stroke-linejoin="round" />
-    </g>
-    <g filter="url(#filter1_d_116_6675)">
-      <path d="M15.99 12V22" stroke="currentStroke" stroke-width="1.5" stroke-miterlimit="10" stroke-linejoin="round" />
-    </g>
-    <path
-      d="M2 22H22"
-      stroke="currentStroke"
-      stroke-width="1.5"
-      stroke-miterlimit="10"
-      stroke-linecap="round"
-      stroke-linejoin="round"
-    />
-    <path
-      d="M12 2C13.6 2.64 15.4 2.64 17 2V5C15.4 5.64 13.6 5.64 12 5V2Z"
-      stroke="currentStroke"
-      stroke-width="1.5"
-      stroke-miterlimit="10"
-      stroke-linecap="round"
-      stroke-linejoin="round"
-    />
-    <path
-      d="M12 5V8"
-      stroke="currentStroke"
-      stroke-width="1.5"
-      stroke-miterlimit="10"
-      stroke-linecap="round"
-      stroke-linejoin="round"
-    />
-    <path
-      d="M17 8H7C5 8 4 9 4 11V22H20V11C20 9 19 8 17 8Z"
-      stroke="currentStroke"
-      stroke-width="1.5"
-      stroke-miterlimit="10"
-      stroke-linecap="round"
-      stroke-linejoin="round"
-    />
-    <path
-      d="M4.58008 12H19.4201"
-      stroke="currentStroke"
-      stroke-width="1.5"
-      stroke-miterlimit="10"
-      stroke-linecap="round"
-      stroke-linejoin="round"
-    />
-    <path d="M7.98999 12V22" stroke="currentStroke" stroke-width="1.5" stroke-miterlimit="10" stroke-linejoin="round" />
-    <defs>
-      <filter
-        id="filter0_d_116_6675"
-        x="7.23999"
-        y="12"
-        width="9.5"
-        height="18"
-        filterUnits="userSpaceOnUse"
-        color-interpolation-filters="sRGB"
-      >
-        <feFlood flood-opacity="0" result="BackgroundImageFix" />
-        <feColorMatrix
-          in="SourceAlpha"
-          type="matrix"
-          values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
-          result="hardAlpha"
-        />
-        <feOffset dy="4" />
-        <feGaussianBlur stdDeviation="2" />
-        <feComposite in2="hardAlpha" operator="out" />
-        <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0" />
-        <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_116_6675" />
-        <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_116_6675" result="shape" />
-      </filter>
-      <filter
-        id="filter1_d_116_6675"
-        x="11.24"
-        y="12"
-        width="9.5"
-        height="18"
-        filterUnits="userSpaceOnUse"
-        color-interpolation-filters="sRGB"
-      >
-        <feFlood flood-opacity="0" result="BackgroundImageFix" />
-        <feColorMatrix
-          in="SourceAlpha"
-          type="matrix"
-          values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
-          result="hardAlpha"
-        />
-        <feOffset dy="4" />
-        <feGaussianBlur stdDeviation="2" />
-        <feComposite in2="hardAlpha" operator="out" />
-        <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0" />
-        <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_116_6675" />
-        <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_116_6675" result="shape" />
-      </filter>
-    </defs>
-  </svg>
-</template>
-<script setup lang="ts"></script>
+<template>
+  <svg width="24" height="24" viewBox="0 0 24 30" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <g filter="url(#filter0_d_116_6675)">
+      <path d="M11.99 12V22" stroke="currentStroke" stroke-width="1.5" stroke-miterlimit="10" stroke-linejoin="round" />
+    </g>
+    <g filter="url(#filter1_d_116_6675)">
+      <path d="M15.99 12V22" stroke="currentStroke" stroke-width="1.5" stroke-miterlimit="10" stroke-linejoin="round" />
+    </g>
+    <path
+      d="M2 22H22"
+      stroke="currentStroke"
+      stroke-width="1.5"
+      stroke-miterlimit="10"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+    <path
+      d="M12 2C13.6 2.64 15.4 2.64 17 2V5C15.4 5.64 13.6 5.64 12 5V2Z"
+      stroke="currentStroke"
+      stroke-width="1.5"
+      stroke-miterlimit="10"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+    <path
+      d="M12 5V8"
+      stroke="currentStroke"
+      stroke-width="1.5"
+      stroke-miterlimit="10"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+    <path
+      d="M17 8H7C5 8 4 9 4 11V22H20V11C20 9 19 8 17 8Z"
+      stroke="currentStroke"
+      stroke-width="1.5"
+      stroke-miterlimit="10"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+    <path
+      d="M4.58008 12H19.4201"
+      stroke="currentStroke"
+      stroke-width="1.5"
+      stroke-miterlimit="10"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+    <path d="M7.98999 12V22" stroke="currentStroke" stroke-width="1.5" stroke-miterlimit="10" stroke-linejoin="round" />
+    <defs>
+      <filter
+        id="filter0_d_116_6675"
+        x="7.23999"
+        y="12"
+        width="9.5"
+        height="18"
+        filterUnits="userSpaceOnUse"
+        color-interpolation-filters="sRGB"
+      >
+        <feFlood flood-opacity="0" result="BackgroundImageFix" />
+        <feColorMatrix
+          in="SourceAlpha"
+          type="matrix"
+          values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
+          result="hardAlpha"
+        />
+        <feOffset dy="4" />
+        <feGaussianBlur stdDeviation="2" />
+        <feComposite in2="hardAlpha" operator="out" />
+        <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0" />
+        <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_116_6675" />
+        <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_116_6675" result="shape" />
+      </filter>
+      <filter
+        id="filter1_d_116_6675"
+        x="11.24"
+        y="12"
+        width="9.5"
+        height="18"
+        filterUnits="userSpaceOnUse"
+        color-interpolation-filters="sRGB"
+      >
+        <feFlood flood-opacity="0" result="BackgroundImageFix" />
+        <feColorMatrix
+          in="SourceAlpha"
+          type="matrix"
+          values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
+          result="hardAlpha"
+        />
+        <feOffset dy="4" />
+        <feGaussianBlur stdDeviation="2" />
+        <feComposite in2="hardAlpha" operator="out" />
+        <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0" />
+        <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_116_6675" />
+        <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_116_6675" result="shape" />
+      </filter>
+    </defs>
+  </svg>
+</template>
+<script setup lang="ts"></script>

package/src/icons/sidebar/workzones-icon.vue

@@ -1,22 +1,22 @@
-<template>
-  <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <path d="M17 3H21V7" stroke="currentStroke" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
-    <path d="M15 9L21 3" stroke="currentStroke" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
-    <path d="M7 21H3V17" stroke="currentStroke" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
-    <path d="M9 15L3 21" stroke="currentStroke" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
-    <path
-      d="M14.02 2.20001C13.37 2.07001 12.69 2 12 2C6.48 2 2 6.48 2 12C2 12.69 2.07001 13.36 2.20001 14"
-      stroke="currentStroke"
-      stroke-width="1.5"
-      stroke-linecap="round"
-      stroke-linejoin="round"
-    />
-    <path
-      d="M9.97998 21.8C10.63 21.93 11.31 22 12 22C17.52 22 22 17.52 22 12C22 11.32 21.93 10.65 21.8 10"
-      stroke="currentStroke"
-      stroke-width="1.5"
-      stroke-linecap="round"
-      stroke-linejoin="round"
-    />
-  </svg>
-</template>
+<template>
+  <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M17 3H21V7" stroke="currentStroke" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
+    <path d="M15 9L21 3" stroke="currentStroke" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
+    <path d="M7 21H3V17" stroke="currentStroke" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
+    <path d="M9 15L3 21" stroke="currentStroke" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
+    <path
+      d="M14.02 2.20001C13.37 2.07001 12.69 2 12 2C6.48 2 2 6.48 2 12C2 12.69 2.07001 13.36 2.20001 14"
+      stroke="currentStroke"
+      stroke-width="1.5"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+    <path
+      d="M9.97998 21.8C10.63 21.93 11.31 22 12 22C17.52 22 22 17.52 22 12C22 11.32 21.93 10.65 21.8 10"
+      stroke="currentStroke"
+      stroke-width="1.5"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+  </svg>
+</template>

package/src/index.ts

@@ -1,58 +1,58 @@
-import '@/shared/styles/general.css'
-import AppButton from '@/common/app-button/AppButton.vue'
-import AppCheckbox from '@/common/app-checkbox/AppCheckbox.vue'
-import AppDatePicker from '@/common/app-date-picker/AppDatePicker.vue'
-import AppInput from '@/common/app-input/AppInput.vue'
-import AppInputSearch from '@/common/app-input-search/AppInputSearch.vue'
-import AppLayout from '@/common/app-layout/AppLayout.vue'
-import AppLayoutHeader from '@/common/app-layout/components/AppLayoutHeader.vue'
-import AppLoader from '@/common/app-loader/index.vue'
-import AppSelect from '@/common/app-select/AppSelect.vue'
-import AppSheet from '@/common/app-sheet/AppSheet.vue'
-import AppSidebar from '@/common/app-sidebar/AppSidebar.vue'
-import AppToggle from '@/common/app-toggle/AppToggle.vue'
-import AppWrapper from '@/common/app-wrapper/AppWrapper.vue'
-import AppConfirmDialog from '@/common/app-dialogs/AppConfirmDialog.vue'
-
-import useGanttService from '@/api/services/GanttService'
-import useMetricsService from '@/api/services/MetricsService'
-import useProjectsService from '@/api/services/ProjectsService'
-import useRepairsService from '@/api/services/RepairsService'
-import useTasksService from '@/api/services/TasksService'
-import useAuthService from '@/api/services/AuthService'
-import ApiService from '@/api/settings/ApiService'
-
-export {
-  AppButton,
-  AppCheckbox,
-  AppDatePicker,
-  AppInput,
-  AppInputSearch,
-  AppLayout,
-  AppLayoutHeader,
-  AppLoader,
-  AppSelect,
-  AppSheet,
-  AppSidebar,
-  AppToggle,
-  AppWrapper,
-  AppConfirmDialog,
-}
-
-export {
-  ApiService,
-  useAuthService,
-  useGanttService,
-  useMetricsService,
-  useProjectsService,
-  useRepairsService,
-  useTasksService,
-}
-
-export type { NotificationType } from './utils/notification'
-export { notificationSettings } from './utils/notification'
-
-export * from './api/types/Api_Tasks'
-export * from './api/types/Api_Repairs'
-export * from './api/types/Api_Projects'
-// export * from '@/api/types/Api_Metrics'
+import '@/shared/styles/general.css'
+import AppButton from '@/common/app-button/AppButton.vue'
+import AppCheckbox from '@/common/app-checkbox/AppCheckbox.vue'
+import AppDatePicker from '@/common/app-date-picker/AppDatePicker.vue'
+import AppInput from '@/common/app-input/AppInput.vue'
+import AppInputSearch from '@/common/app-input-search/AppInputSearch.vue'
+import AppLayout from '@/common/app-layout/AppLayout.vue'
+import AppLayoutHeader from '@/common/app-layout/components/AppLayoutHeader.vue'
+import AppLoader from '@/common/app-loader/index.vue'
+import AppSelect from '@/common/app-select/AppSelect.vue'
+import AppSheet from '@/common/app-sheet/AppSheet.vue'
+import AppSidebar from '@/common/app-sidebar/AppSidebar.vue'
+import AppToggle from '@/common/app-toggle/AppToggle.vue'
+import AppWrapper from '@/common/app-wrapper/AppWrapper.vue'
+import AppConfirmDialog from '@/common/app-dialogs/AppConfirmDialog.vue'
+
+import useGanttService from '@/api/services/GanttService'
+import useMetricsService from '@/api/services/MetricsService'
+import useProjectsService from '@/api/services/ProjectsService'
+import useRepairsService from '@/api/services/RepairsService'
+import useTasksService from '@/api/services/TasksService'
+import useAuthService from '@/api/services/AuthService'
+import ApiService from '@/api/settings/ApiService'
+
+export {
+  AppButton,
+  AppCheckbox,
+  AppDatePicker,
+  AppInput,
+  AppInputSearch,
+  AppLayout,
+  AppLayoutHeader,
+  AppLoader,
+  AppSelect,
+  AppSheet,
+  AppSidebar,
+  AppToggle,
+  AppWrapper,
+  AppConfirmDialog,
+}
+
+export {
+  ApiService,
+  useAuthService,
+  useGanttService,
+  useMetricsService,
+  useProjectsService,
+  useRepairsService,
+  useTasksService,
+}
+
+export type { NotificationType } from './utils/notification'
+export { notificationSettings } from './utils/notification'
+
+export * from './api/types/Api_Tasks'
+export * from './api/types/Api_Repairs'
+export * from './api/types/Api_Projects'
+// export * from '@/api/types/Api_Metrics'

package/src/main.ts

@@ -1,15 +1,15 @@
-import { createApp } from 'vue'
-import { Quasar, quasarUserOptions } from './quasar-user-options'
-
-import '@quasar/extras/material-icons/material-icons.css'
-import 'quasar/src/css/index.sass'
-
-import '@/shared/styles/general.css'
-
-import App from './App.vue'
-
-const app = createApp(App)
-
-//@ts-ignore
-app.use(Quasar, quasarUserOptions)
-app.mount('#app')
+import { createApp } from 'vue'
+import { Quasar, quasarUserOptions } from './quasar-user-options'
+
+import '@quasar/extras/material-icons/material-icons.css'
+import 'quasar/src/css/index.sass'
+
+import '@/shared/styles/general.css'
+
+import App from './App.vue'
+
+const app = createApp(App)
+
+//@ts-ignore
+app.use(Quasar, quasarUserOptions)
+app.mount('#app')

package/src/quasar-user-options.ts

@@ -1,17 +1,17 @@
-import { Quasar, Notify, Loading, Dialog } from 'quasar'
-
-import 'quasar/src/css/index.sass'
-import '@quasar/extras/roboto-font/roboto-font.css'
-import '@quasar/extras/material-icons/material-icons.css'
-import '@quasar/extras/material-icons-outlined/material-icons-outlined.css'
-import '@quasar/extras/mdi-v7/mdi-v7.css'
-
-const quasarUserOptions = {
-  plugins: {
-    Notify,
-    Loading,
-    Dialog,
-  },
-}
-
-export { Quasar, quasarUserOptions }
+import { Quasar, Notify, Loading, Dialog } from 'quasar'
+
+import 'quasar/src/css/index.sass'
+import '@quasar/extras/roboto-font/roboto-font.css'
+import '@quasar/extras/material-icons/material-icons.css'
+import '@quasar/extras/material-icons-outlined/material-icons-outlined.css'
+import '@quasar/extras/mdi-v7/mdi-v7.css'
+
+const quasarUserOptions = {
+  plugins: {
+    Notify,
+    Loading,
+    Dialog,
+  },
+}
+
+export { Quasar, quasarUserOptions }

package/src/shared/styles/general.css

@@ -1,96 +1,96 @@
-
-:root {
-  --main-header-height: 73px;
-  --main-footer-height: 66px;
-  --sidebar-width-max: 250px;
-  --sidebar-width-min: 66px;
-}
-
-/*border-radius*/
-:root {
-  --border-radius-xxs: 4px;
-  --border-radius-xs: 8px;
-  --border-radius-s: 12px;
-  --border-radius-m: 16px;
-}
-
-/*color*/
-:root {
-  --g-blue: #3F8CFF;
-  --g-blue-light: #E4EFFF;
-  --g-blue-dark: #1C75FF;
-  --g-green: #00D097;
-  --g-green-light: #E0F9F2;
-  --g-green-dark: #B8F8E7;
-  --g-red: #FF192D;
-  --g-red-light: #FDECEE;
-  --g-red-dark: #ffdcde;
-  --g-grey-100: #D8E0F0;
-
-  --g-font-color: #0A1629;
-  --g-font-grey-color: #B9C0C7;
-  --g-font-secondary-color: #7D8592;
-
-  --g-grey-background: #CED5E0;
-  --g-grey-hover-background: #9fa5af;
-  --g-secondary-background: #F4F9FD;
-  --g-thirty-background: #c8cbcf;
-
-  --g-fire-color-1: #FEE7E7;
-  --g-fire-color-2: #FED4D5;
-  --g-fire-color-3: #FCC0C0;
-  --g-fire-color-4: #F9A2A2;
-  --g-fire-color-5: #F97D7E;
-  --g-fire-color-6: #F65160;
-  --g-fire-color-7: #FF192D;
-  --g-fire-color-8: #AB0514;
-  --g-fire-color-9: #6E000A;
-}
-
-* {
-  margin: 0;
-  padding: 0;
-}
-
-button:active, button:focus {
-  outline: none !important;
-}
-
-html {
-  font-family: 'NunitoSansFont', sans-serif !important;
-}
-
-.ant-dropdown {
-  z-index: 10000;
-  .content {
-    z-index: 10000;
-  }
-}
-
-@font-face {
-  font-family: 'NunitoSansFont';
-  src: local('NunitoSansFont-Regular'), url('../fonts/NunitoSansFont.ttf') format('truetype');
-  font-weight: 400;
-  font-style: normal;
-}
-
-@font-face {
-  font-family: 'NunitoSansFont';
-  src: local('NunitoSansFont-Bold'), url('../fonts/NunitoSans_7pt-Bold.ttf') format('truetype');
-  font-weight: 700;
-  font-style: normal;
-}
-
-@font-face {
-  font-family: 'Montserrat';
-  src: local('Montserrat-Regular'), url('../fonts/Montserrat.ttf') format('truetype');
-  font-weight: 400;
-  font-style: normal;
-}
-
-@font-face {
-  font-family: 'Montserrat';
-  src: local('Montserrat-Bold'), url('../fonts/Montserrat-Bold.ttf') format('truetype');
-  font-weight: 700;
-  font-style: normal;
-}
+
+:root {
+  --main-header-height: 73px;
+  --main-footer-height: 66px;
+  --sidebar-width-max: 250px;
+  --sidebar-width-min: 66px;
+}
+
+/*border-radius*/
+:root {
+  --border-radius-xxs: 4px;
+  --border-radius-xs: 8px;
+  --border-radius-s: 12px;
+  --border-radius-m: 16px;
+}
+
+/*color*/
+:root {
+  --g-blue: #3F8CFF;
+  --g-blue-light: #E4EFFF;
+  --g-blue-dark: #1C75FF;
+  --g-green: #00D097;
+  --g-green-light: #E0F9F2;
+  --g-green-dark: #B8F8E7;
+  --g-red: #FF192D;
+  --g-red-light: #FDECEE;
+  --g-red-dark: #ffdcde;
+  --g-grey-100: #D8E0F0;
+
+  --g-font-color: #0A1629;
+  --g-font-grey-color: #B9C0C7;
+  --g-font-secondary-color: #7D8592;
+
+  --g-grey-background: #CED5E0;
+  --g-grey-hover-background: #9fa5af;
+  --g-secondary-background: #F4F9FD;
+  --g-thirty-background: #c8cbcf;
+
+  --g-fire-color-1: #FEE7E7;
+  --g-fire-color-2: #FED4D5;
+  --g-fire-color-3: #FCC0C0;
+  --g-fire-color-4: #F9A2A2;
+  --g-fire-color-5: #F97D7E;
+  --g-fire-color-6: #F65160;
+  --g-fire-color-7: #FF192D;
+  --g-fire-color-8: #AB0514;
+  --g-fire-color-9: #6E000A;
+}
+
+* {
+  margin: 0;
+  padding: 0;
+}
+
+button:active, button:focus {
+  outline: none !important;
+}
+
+html {
+  font-family: 'NunitoSansFont', sans-serif !important;
+}
+
+.ant-dropdown {
+  z-index: 10000;
+  .content {
+    z-index: 10000;
+  }
+}
+
+@font-face {
+  font-family: 'NunitoSansFont';
+  src: local('NunitoSansFont-Regular'), url('../fonts/NunitoSansFont.ttf') format('truetype');
+  font-weight: 400;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: 'NunitoSansFont';
+  src: local('NunitoSansFont-Bold'), url('../fonts/NunitoSans_7pt-Bold.ttf') format('truetype');
+  font-weight: 700;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: 'Montserrat';
+  src: local('Montserrat-Regular'), url('../fonts/Montserrat.ttf') format('truetype');
+  font-weight: 400;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: 'Montserrat';
+  src: local('Montserrat-Bold'), url('../fonts/Montserrat-Bold.ttf') format('truetype');
+  font-weight: 700;
+  font-style: normal;
+}

package/src/shims-vue.d.ts

@@ -1,5 +1,5 @@
-declare module '*.vue' {
-  import { DefineComponent } from 'vue'
-  const component: DefineComponent<{}, {}, any>
-  export default component
-}
+declare module '*.vue' {
+  import { DefineComponent } from 'vue'
+  const component: DefineComponent<{}, {}, any>
+  export default component
+}

package/src/utils/confirm.ts

@@ -1,12 +1,12 @@
-import { defineAsyncComponent } from 'vue'
-import { useQuasar } from 'quasar'
-const $q = useQuasar()
-
-const AppConfirmDialog = defineAsyncComponent(() => import('@/common/app-dialogs/AppConfirmDialog.vue'))
-
-export const appConfirm = (content: string, type: 'delete' | 'edit') => {
-  return $q.dialog({
-    component: AppConfirmDialog,
-    componentProps: { content, type },
-  })
-}
+import { defineAsyncComponent } from 'vue'
+import { useQuasar } from 'quasar'
+const $q = useQuasar()
+
+const AppConfirmDialog = defineAsyncComponent(() => import('@/common/app-dialogs/AppConfirmDialog.vue'))
+
+export const appConfirm = (content: string, type: 'delete' | 'edit') => {
+  return $q.dialog({
+    component: AppConfirmDialog,
+    componentProps: { content, type },
+  })
+}