Mirrors/mealie
1
0
Fork 0
mirror of https://github.com/mealie-recipes/mealie.git synced 2026-04-08 22:15:34 -04:00
Code Issues Packages Projects Releases Wiki Activity

chore: script setup components (#7299)

Browse Source
This commit is contained in:
Kuchenpirat
2026-03-23 21:18:25 +01:00
committed by GitHub
parent 3ad2d9155d
commit 5ab6e98f9e
47 changed files with 1721 additions and 2453 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
frontend/components/global/DropZone.vue
View File

@@ -19,25 +19,27 @@
</div>
</template>
<script lang="ts">
<script setup lang="ts">
import { useDropZone } from "@vueuse/core";
export default defineNuxtComponent({
emits: ["drop"],
setup(_, context) {
const el = ref<HTMLDivElement>();
function onDrop(files: File[] | null) {
if (files) {
context.emit("drop", files);
}
}
const { isOverDropZone } = useDropZone(el, files => onDrop(files));
return { el, isOverDropZone };
defineProps({
disabled: {
type: Boolean,
default: false,
},
});
const emit = defineEmits(["drop"]);
const el = ref<HTMLDivElement>();
function onDrop(files: File[] | null) {
if (files) {
emit("drop", files);
}
}
const { isOverDropZone } = useDropZone(el, files => onDrop(files));
</script>
<style lang="css">