【Nuxt】computedでtrueを返す方法

Question

前提・実現したいこと

Nuxtのcomputedでtrue, falseを返したいと考えています。

発生している問題・エラーメッセージ

下記のコードでtrue, falseを返すようにしているのですが[object Promise]と返ってきてしまします。

computed: {
    sample: function() {
      return this.$OneSignal.isPushNotificationsEnabled(async (isEnabled) => {
        if (isEnabled) {
          console.log('Push notifications are enabled!')
          return false
        } else {
          console.log('Push notifications are not enabled yet.')
          return true
        }
      })
    }
  },

こちら、trueかfalseを返すためにはどの予にしたら良いでしょうか？

アドバイスいただけると幸いです。

Comments

[dameo]

非同期なのでそこに書くことはできないと思いますよ。タイマしかけてコールバックの引数で戻ってきた値を返すようなものなので…

[gnx_vw903]

すみません、もう少し詳細に教えていただくことは可能でしょうか？

[dameo]

ちょっとここに書ける内容ではありません。書いた内容で伝わらない場合、あなたがどこが分からないのか分かっていない状態であなたに全てを噛み砕いて説明してる時間はないです。具体的な不明点には答えることもあるかもしれませんが。。。それは別の質問にしましょう。

[gnx_vw903]

投げやりな質問になってしまい申し訳ありません、、、
自分でもどこがわかってないのか理解できてないのでもう少し勉強して具体的に質問させていただきます

Answer 1

非同期通信なので、async/awaitを利用してみてください。

computed: {
    // async functionに変更
    sample: async function() {
      // return await this~に変更
      return await this.$OneSignal.isPushNotificationsEnabled(async isEnabled => {
        if (isEnabled) {
          console.log('Push notifications are enabled!')
          return false
        } else {
          console.log('Push notifications are not enabled yet.')
          return true
        }
      })
    }
  },

Comments

[gnx_vw903]

できました！詳細コードを教えていただきありがとうございます！！