Cannot make Slice work with Vue3

Developing with Prismic
,
1

Hi,
I am working with Prismic and Vue 3, and I have no idea how to work with slices. I am trying to make a gallery of images. I have tried everything, but im either getting unhandled errors or in the child component an error that the field is undefined. Could someone please help me out? Thank you in advance if anyone could help me out!

GalleryImage.vue (child component)

<template>
	<PrismicImage :field="slice.primary.kep" />
</template>

<script setup>
import { defineProps } from 'vue'
import { getSliceComponentProps, PrismicImage } from "@prismicio/vue";

defineProps(getSliceComponentProps(["slice", "index", "slices", "context"]));
console.log(slice);
</script>

<style scoped>
img {
	max-width: 100%;
}
</style>

GallerySingle.vue (parent component)

<template>
    <div v-if="gallery">
        <SliceZone :slices="gallery.data.body" :components="components"/>
    </div>
</template>

<script setup>
import { SliceZone, usePrismicDocumentByUID, defineSliceZoneComponents } from "@prismicio/vue";
import { useRoute } from "vue-router";
import GalleryImage from "../slices/GalleryImage.vue"

const route = useRoute();

const {data: gallery } = usePrismicDocumentByUID("galeria", route.params.uid);

const components = defineSliceZoneComponents({
  galeria: GalleryImage
});


console.log(gallery)
</script>

<style lang="scss" scoped>

</style>

I also have the json version of the custom type here:

{
  "Main" : {
    "borito" : {
      "type" : "Image",
      "config" : {
        "constraint" : { },
        "thumbnails" : [ ],
        "label" : "borító"
      }
    },
    "cim" : {
      "type" : "StructuredText",
      "config" : {
        "single" : "heading1,heading2,heading3,heading4,heading5,heading6",
        "label" : "cím"
      }
    },
    "uid" : {
      "type" : "UID",
      "config" : {
        "label" : "slug"
      }
    },
    "kategoria" : {
      "type" : "Select",
      "config" : {
        "options" : [ "kat 1", "kat 2", "kat 3" ],
        "label" : "kategória"
      }
    },
    "datum" : {
      "type" : "Date",
      "config" : {
        "label" : "dátum"
      }
    },
    "body" : {
      "type" : "Slices",
      "fieldset" : "Slice zone",
      "config" : {
        "labels" : null,
        "choices" : {
          "galeria" : {
            "type" : "Slice",
            "fieldset" : "galéria",
            "description" : "Képek",
            "icon" : "image",
            "display" : "grid",
            "non-repeat" : { },
            "repeat" : {
              "kep" : {
                "type" : "Image",
                "config" : {
                  "constraint" : { },
                  "thumbnails" : [ ],
                  "label" : "kép"
                }
              }
            }
          }
        }
      }
    }
  }
}

For the unhandled error, there's a screenshot here:

2

This is being answered here: