Свойство, определенное во время рендеринга, и ошибка при передаче переменной

Я работаю над статическим веб-сайтом, извлекающим данные из wordpress с помощью Расширение GraphQL

Мой код

export default {
    asyncData({params, error}) {
        // We can return a Promise instead of calling the callback
        let slug = params.slug;
        //return axios.get('https://dev.lesdeuxvagues.com/api/wp-json/wp/v2/posts/?slug='+slug)
        return axios({
            url: 'https://dev.lesdeuxvagues.com/api/graphql',
            method: 'post',
            data: {
                query: `
                    query {
                        postBy(slug:"$slug") {
                            content
                        }
                    }
                `
            }
            }).then((result) => {
            console.info(result.data)
        }); 
    }
}

Первая проблема:

Я получил эту ошибку, вероятно, потому что мой запрос axios не является обещанием ..

[Vue warn]: Property or method "content" is not defined on the instance but referenced during render. Make sure that this property is reactive, either in the data option, or for class- based components, by initializing the property. See: https://vuejs.org/v2/guide/reactivity.html#Declaring-Reactive-Properties.

Вторая проблема:

Я пытаюсь передать в запрос переменную $ slug, чтобы получить нужный контент, но она не работает. Я пытался посмотреть в документе GraphQL, но не понял, как это сделать.

Заранее спасибо за вашу помощь!