useSubject

RxJS の Subject を ref にバインドし、値の変更を双方向に伝播します。

使用法

import { useSubject } from '@vueuse/rxjs'
import { Subject } from 'rxjs'

const subject = new Subject()

// setup()
const subjectRef = useSubject(subject)

エラーを起こす可能性のある Subject にカスタムエラーハンドリングを追加したい場合は、オプションの onError 設定を提供できます。これがない場合、RxJS は提供された observable 内のエラーを「未処理のエラー」として扱い、新しいコールスタックでスローされ、window.onerror（または node を使用している場合は process.on('error')）に報告されます。

import { useSubject } from '@vueuse/rxjs'
import { Subject } from 'rxjs'

const subject = new Subject()

// setup()
const subjectRef = useSubject(subject, {
  onError: (err) => {
    console.log(err.message) // "oops"
  },
},)