How i can create a dynamic image gallery?

Hello! I'm trying to create a portfolio that imports all images from a specific folder, which is ~/static/images
How can i do that? i have this code:

<template>
    <div class="columns is-multiline">
        <nuxt-img
            v-for="image in images"
            :src="image"
        />
    </div>
</template>

<script>
export default {
    name: 'imageGallery',
    computed: {
      images () {
        const path = require.context('~/static/images', false, /\.jpg$/)
        return path.keys().map(path)
      }
    }
  }
</script>

and the image placehodlers appears, but none of the image are loaded.
console:

Reproduce the gallery using the ~/static/images folder and the NuxtImg component with the require.context setup shown in the issue. Start by checking the reported browser-console error and whether the generated image paths resolve. Done means the images from the folder load in the gallery without placeholder errors.