Nuxt js full static dynamic page, payload undefined

I'm trying to generate page dynamically. After running nuxt generate the page's are successfully created. But loading the page in (with nuxt start) it says that the title is undefined which I send in the payload while generating.
The payload.js exists for every generated page but it won't work for some reason.

Page result:

nuxt.config.js

export default {
    target: 'static',

    generate: {
        routes() {
            const routing = [{url: 'page1', title: 'Page 1'}, {url: 'page2', title: 'Page 2'}, {
                url: 'page3',
                title: 'Page 3'
            }];

            return routing.map(route => {
                return {
                    route: route.url,
                    payload: route,
                };
            });
        }
    }
}

pages/_.vue

<template>
    <h1>{{payload.title}}</h1>
</template>

<script>
    export default {
        async asyncData({payload}) {
            return {payload: payload}
        }
    }
</script>

commands:

nuxt generate
nuxt start