Владлен Хеллсайт

Вам нужен GraphQL клиент, например urql (urql-vue) или apollo-client (vue-apollo). Если вам нужен один запрос, то можно обойтись обычным fetch, например:

const response = await fetch('https://example.com/graphql', {
  method: 'POST',
  headers: {
    'Content-Type': 'application/json',
  },
  body: JSON.stringify({
    operationName: 'fetchAuthor',
    query: 'query fetchAuthor { author { id name } }',
    variables: {},
  }),
});

const data = await response.json();

<template>
  <div class="textarea">
    <textarea
      name="card-textarea"
      id=""
      cols="30"
      :rows="rows"
      :placeholder="placeholder"
      :value="value"
      @input="$emit('input', $event.target.value)"
    >

    </textarea>
  </div>
</template>

props: {
    placeholder: {
      type: String,
      default: ""
    },
    rows: {
      type: Number,
      default: 5
    },
    value: {
       type: String
     }
  }

Замените MyMutationInput на название своего input объекта.

this.$apollo.mutate({
    mutation: gql`mutation createWrite($input: MyMutationInput!) {
        createWrite(input: $input) {
            write {
                email
            }
        }
    }`,
    variables: {
        input: {
            data: {
                name: data.name,
                email: data.email,
                title: data.title,
                text: data.text,
                doctor: data.doctor,
                date: data.arrive,
                polite: data.polite
            }
        }
    }
})
    .then((result) => {
        console.log(result);
    })
    .catch((error) => {
        console.error(error);
    });

Quasar не является конкурентом Nuxt.js. Потому как Quasar это фреймворк для Vue.js расчитанный на разработоку под разные платформы, в то время когда Nuxt.js это готовый набор пресетов для сборки Vue.js, SSR, SPA. Quasar так же занимается разработкой для модуля Nuxt.js. Так же на форуме уже возникал подобный вопрос. В целом они довольно похожи, но Nuxt.js не стремится работать на всём, что поддерживает Vue.js.

Никто не запрещает, это программный вызов Nuxt.js. Всё что выше middleware render'а, можно строить логику. Логика Nuxt.js строится в том, что мы делаем независимо запросы на сервер, SSR это, или SPA. Но этот подход имеет значительные минусы:

1. В случае если мы меняем бэкэнд, то и сам Nuxt.js у нас перезапустится (что явно теряет удобность в разработке).
2. При переносе на два разных сервера, нам нужно будет разделить в первую очередь этот код.
3. Если на рендер фронтеда будет повышенная нагрузка, то от этого будет страдать и бэкэнд в виду особенности Node.js.

const delay = delayed => (
	new Promise(resolve => setTimeout(resolve, delayed))
);

test: async function () {
    console.log("pause");
    await delay(2000);
    console.log("end");
},

Разбирайтесь с сервером, почему он так бурно реагирует на запрос.

Так всё правильно, если вы загружаете вкладку то этот запрос будет выполнен на сервере, а на клиенте он уже будет без перезагрузки перемещаться по ссылкам. В nuxt-link внутри именно тэг "a". asyncData вызывается на сервере для получение данных, так и на клиенте когда в SPA приложении перешли.

Читайте issue в репозитории

Если вы не знали, но Vue.js вешает один обработчик на уровень выше для цикла, а это означает что используется делегирование. У меня таблица которая подгружается через AJAX часто её количество превышает 5000 строк, проблем с производительность не возникало.

Например вот так:
https://www.npmjs.com/package/vue-axios

Модуль будет доступен из всех компонентов через this.$http

HTTP.defaults.headers.common['Authorization'] = `Bearer ${token}`;

https://github.com/axios/axios#custom-instance-defaults