refactor(config): use AppConfigKey type

Signed-off-by: Grigorii K. Shartsev <[email protected]>

Author: ShGKme

src/app/AppConfig.ts

@@ -126,13 +126,13 @@ export async function loadAppConfig() {
 }
 
 export function getAppConfig(): AppConfig
-export function getAppConfig<T extends keyof AppConfig>(key?: T): AppConfig[T]
+export function getAppConfig<T extends AppConfigKey>(key?: T): AppConfig[T]
 /**
  * Get an application config value
  * @param key - The config key to get
  * @return - If key is provided, the value of the key. Otherwise, the full config
  */
-export function getAppConfig<T extends keyof AppConfig>(key?: T): AppConfig | AppConfig[T] {
+export function getAppConfig<T extends AppConfigKey>(key?: T): AppConfig | AppConfig[T] {
 	if (!initialized) {
 		throw new Error('The application config is not initialized yet')
 	}
@@ -152,7 +152,7 @@ export function getAppConfig<T extends keyof AppConfig>(key?: T): AppConfig | Ap
  * @param value - Value to set or undefined to reset to the default value
  * @return Promise<AppConfig> - The full settings after the change
  */
-export function setAppConfig<K extends keyof AppConfig>(key: K, value?: AppConfig[K]) {
+export function setAppConfig<K extends AppConfigKey>(key: K, value?: AppConfig[K]) {
 	// Ignore if no change
 	if (appConfig[key] === value) {
 		return

src/shared/appConfig.service.ts

@@ -35,7 +35,7 @@ export function getAppConfig() {
  * @param key - The key of the config value
  * @return - The config value
  */
-export function getAppConfigValue<K extends keyof AppConfig>(key: K) {
+export function getAppConfigValue<K extends AppConfigKey>(key: K) {
 	if (!appConfig) {
 		throw new Error('AppConfig is not initialized')
 	}

src/talk/renderer/Settings/appConfig.store.ts

@@ -15,7 +15,7 @@ export const useAppConfig = defineStore('appConfig', () => {
 	const isRelaunchRequired = ref(false)
 	const relaunchRequiredConfigs = ['systemTitleBar', 'monochromeTrayIcon'] as const
 
-	window.TALK_DESKTOP.onAppConfigChange((event: unknown, { key, value }: { key: keyof AppConfig, value: unknown }) => {
+	window.TALK_DESKTOP.onAppConfigChange((event: unknown, { key, value }: { key: AppConfigKey, value: unknown }) => {
 		set(appConfig.value, key, value)
 	})
 
@@ -34,7 +34,7 @@ export const useAppConfig = defineStore('appConfig', () => {
 	 * @param key - The key of the config value
 	 * @return - The config
 	 */
-	function getAppConfigValue<K extends keyof AppConfig>(key: K) {
+	function getAppConfigValue<K extends AppConfigKey>(key: K) {
 		return appConfig.value[key]
 	}
 
@@ -43,7 +43,7 @@ export const useAppConfig = defineStore('appConfig', () => {
 	 * @param key - The key of the config value
 	 * @param value - The value to set
 	 */
-	function setAppConfigValue<K extends keyof AppConfig>(key: K, value: AppConfig[K]) {
+	function setAppConfigValue<K extends AppConfigKey>(key: K, value: AppConfig[K]) {
 		set(appConfig.value, key, value)
 		window.TALK_DESKTOP.setAppConfig(key, value)
 	}

src/talk/renderer/Settings/useAppConfigValue.ts

@@ -3,7 +3,7 @@
  * SPDX-License-Identifier: AGPL-3.0-or-later
  */
 
-import type { AppConfig } from '../../../app/AppConfig.ts'
+import type { AppConfig, AppConfigKey } from '../../../app/AppConfig.ts'
 import { computed } from 'vue'
 import { useAppConfig } from './appConfig.store.ts'
 
@@ -12,7 +12,7 @@ import { useAppConfig } from './appConfig.store.ts'
  * @param key - The key of the config value
  * @return - A settable config value
  */
-export function useAppConfigValue<K extends keyof AppConfig>(key: K) {
+export function useAppConfigValue<K extends AppConfigKey>(key: K) {
 	const { getAppConfigValue, setAppConfigValue } = useAppConfig()
 
 	return computed({