xs/xs-app/stores/readSetting.ts

import {defineStore} from 'pinia';
import {reactive} from 'vue';
import { read_setting_data } from '../data/data';
import { config } from '../config/config';
export const ReadSetting = defineStore('read-setting',()=>{
	let data:read_setting_data = reactive(new read_setting_data())
	async function updateReadSetting(d:read_setting_data){
		data.fontSizeIndex=d.fontSizeIndex;
		data.colorBgIndex = d.colorBgIndex;
	}
	
	async function changeFontSize(index:number){
		data.fontSizeIndex=index;
	}
	
	async function changeBgColor(index:number){
		data.colorBgIndex=index;
	}
	function getReadSetting():read_setting_data{
		if(data==null||data.colorBgIndex==undefined){
			data.colorBgIndex = 0;
			data.fontSizeIndex = 0;
			data.readMode = config.read_config.readMode.Bright
		}
		return data
	}
	return {data,updateReadSetting,getReadSetting,changeFontSize,changeBgColor}
})