2 files changed, 26 insertions, 2 deletions
diff --git a/src/background/repositories/LocalSettingRepository.ts b/src/background/repositories/LocalSettingRepository.ts
index 285b207..0c9ef3b 100644
--- a/src/background/repositories/LocalSettingRepository.ts
+++ b/src/background/repositories/LocalSettingRepository.ts
@@ -4,7 +4,7 @@ import SettingData from '../../shared/SettingData';
 @injectable()
 export default class LocalSettingRepository {
   async load(): Promise<SettingData | null> {
-    const { settings } = await browser.storage.local.get('settings');
+    const {settings} = await browser.storage.local.get('settings');
     if (!settings) {
       return null;
     }
@@ -22,4 +22,3 @@ export default class LocalSettingRepository {
     });
   }
 }
-
diff --git a/src/background/repositories/SyncSettingRepository.ts b/src/background/repositories/SyncSettingRepository.ts
new file mode 100644
index 0000000..9f59e61
--- /dev/null
+++ b/src/background/repositories/SyncSettingRepository.ts
@@ -0,0 +1,25 @@
+import { injectable } from 'tsyringe';
+import SettingData from '../../shared/SettingData';
+
+@injectable()
+export default class SyncSettingRepository {
+  async load(): Promise<SettingData | null> {
+    const { settings } = await browser.storage.sync.get('settings');
+    if (!settings) {
+      return null;
+    }
+    return SettingData.fromJSON(settings as any);
+  }
+
+  onChange(callback: () => void) {
+    browser.storage.onChanged.addListener((changes, area) => {
+      if (area !== 'sync') {
+        return;
+      }
+      if (changes.settings) {
+        callback();
+      }
+    });
+  }
+}
+