feature: vor und nachteile

2026-05-31 13:54:31 +02:00
parent 552a947a1c
commit e3dad17446
23270 changed files with 3024794 additions and 200 deletions
@@ -0,0 +1,38 @@
+<script setup lang="ts">
+import { useVModel } from '@vueuse/core'
+
+const props = defineProps({
+  modelValue: {
+    default: false,
+  },
+  class: {
+    default: '',
+  },
+})
+
+const emit = defineEmits(['update:modelValue'])
+const value = useVModel(props, 'modelValue', emit)
+
+function onClick() {
+  value.value = false
+}
+</script>
+
+<template>
+  <KeepAlive>
+    <div v-if="value" class="fixed top-0 bottom-0 left-0 right-0 grid z-modal">
+      <div
+        bg="black opacity-80"
+        class="absolute top-0 bottom-0 left-0 right-0 -z-1"
+        @click="onClick()"
+      />
+      <div
+        class="m-auto rounded-md bg-main shadow"
+        dark:border="~ main"
+        :class="props.class"
+      >
+        <slot />
+      </div>
+    </div>
+  </KeepAlive>
+</template>