v-for loop data won't show – Shopify

I can’t get my v-loop to show the data in my object array. That i got from the API. It’s pretty simple, and im sure it should be working. So im wondering if it’s something else. The API is not open, so here is an image: https://imgur.com/a/qIES7Pm

<div class="" id="buffetfeatured">
    <div v-for="x in product">{{ x.title }}</div>
</div>

<script type="text/javascript">
    new Vue({
        el: '#buffetfeatured',
        data() {
            return {
                product: []
            }
        },
        mounted () {
            axios.get('https://ebuffet-dk.myshopify.com/admin/api/2020-01/products.json')
                .then(response => (this.product = response.data.products))
                .catch( error => { console.log(error); });
        }
    });
</script>

I know that there are similar examples, and i’ve tried following them. So im only asking, because im unsure if it’s my own fault, or shopify’s.