Cannot use to create a custom store about svelte-chrome-storage

[freb]

I'm tried a different approach and am very happy with the results. Instead of trying to manage one object I decided to use a separated key for each property. It looks like the following:

class SettingsStorageLocal {
	constructor() {
		this.recording = chromeStorageLocal("recording")
		this.recordTabId = chromeStorageLocal("recordTabId")
		this.onSettingsPage = chromeStorageLocal("onSettingsPage")
		this.settingsUrl = chromeStorageLocal("settingsUrl")
	}
	// We could also make the Readable and the define setters
	recording: Writable<boolean>
	recordTabId: Writable<string>
	onSettingsPage: Writable<boolean>
	settingsUrl: Writable<string>

	init(): void {
		this.recording.set(false)
		this.recordTabId.set("")
		this.onSettingsPage.set(false)
		this.settingsUrl.set(`chrome://extensions/?id=${chrome.runtime.id}#allow-incognito`)
	}
}

const store = new SettingsStorageLocal()
export default store
export const {recording, recordTabId, onSettingsPage, settingsUrl} = store

I'm happy to discuss the previous issues I was having but am going to go ahead and close this.