如何将道具推入Nuxt组件？

Question

我正在使用Nuxt，Vuetify和vue-relay构建应用程序。现在我在将query-renderer道具推送到nuxt组件时遇到问题，如果我将其替换为router-view，一切都很好，我应该这样做吗？还是有更好的解决方案？

这是布局：

<template>
    <query-renderer
        :environment="environment"
        :query="query">
        <template slot-scope="{ props, error, retry }">
            <v-app v-if="props">
                <app-navigation/>
                <v-content>
                    <v-container fluid>
                        <nuxt :main-page="props.mainPage.edges[0].node"/> // if I'd replace nuxt with router-view everything is OK, however with nuxt I can't push props to view component. 
                    </v-container>
                </v-content>
                <app-footer-container :company="props.company.edges[0].node"/>
            </v-app>
            <div
                v-if="error"
                class="error">{{ error }}</div>
            <div v-else>Loading...</div>
        </template>
    </query-renderer>
</template>