初始仓库迁移

src/hooks/useGameSettings.ts

@@ -0,0 +1,20 @@
+import {useCallback, useEffect, useState} from 'react';
+
+import {clampVolume, readSavedSettings, writeSavedSettings} from '../persistence/gameSettingsStorage';
+
+export function useGameSettings() {
+  const [musicVolume, setMusicVolumeState] = useState(() => readSavedSettings().musicVolume);
+
+  useEffect(() => {
+    writeSavedSettings({musicVolume});
+  }, [musicVolume]);
+
+  const setMusicVolume = useCallback((value: number) => {
+    setMusicVolumeState(clampVolume(value));
+  }, []);
+
+  return {
+    musicVolume,
+    setMusicVolume,
+  };
+}