fix: set base-z-index (#107)

src/components/GlobalDialogStack.vue

@@ -11,7 +11,7 @@
     :max-width="item.maxWidth"
     :min-height="item.minHeight"
     :max-height="item.maxHeight"
-    :z-index="index"
+    :z-index="baseZIndex + index + 1"
     :pt:root:onMousedown="() => rise(item)"
     @hide="() => close(item)"
   >
@@ -42,6 +42,14 @@
 import ResponseDialog from 'components/ResponseDialog.vue'
 import { useDialog } from 'hooks/dialog'
 import Button from 'primevue/button'
+import { usePrimeVue } from 'primevue/config'
+import { computed } from 'vue'
 
 const { stack, rise, close } = useDialog()
+
+const { config } = usePrimeVue()
+
+const baseZIndex = computed(() => {
+  return config.zIndex?.modal ?? 1100
+})
 </script>