[Vue] フェッチしたデータがProxyオブジェクトになり画面に表示されない

Question

ストアでfetchしてきたデータをコンソールログで見るとProxyのオブジェクトになっています。
vueファイルのテンプレートのv-forで表示しようとしても変更されずコンソールでprojectsを見ると空のProxy {}が出てきます。もう一度ロードすると読み込まれるのですが、最初から読み込まれるにはどうしたらよいでしょうか？Proxyオブジェクトの扱い方がそもそもわかってないかもです。

  state: () => ({
    projects: [],
  }),
  getters: {
      fetch("https://xxxxxxxxxxxxxx")
        .then((res) => res.json())
        .then((data) => {
          console.log(data)
          state.projects = data
        });
      console.log(state.projects)
  }

Proxy {0: {…}, 1: {…}, 2: {…}, 3: {…}}
[[Handler]]: Object
[[Target]]: Array(4)
[[IsRevoked]]: false