goview_vue/src/store/modules/designStore/designStore.ts

import { defineStore } from 'pinia';
import { store } from '@/store';
import { theme } from '@/settings/designSetting';
const { darkTheme, appTheme, appThemeList } = theme;
import { DesignStateType } from './designStore.d'

export const useDesignStore = defineStore({
  id: 'useDesignStore',
  state: (): DesignStateType => ({
    darkTheme,
    appTheme,
    appThemeList,
  }),
  getters: {
    getDarkTheme(): boolean {
      return this.darkTheme;
    },
    getAppTheme(): string {
      return this.appTheme;
    },
    getAppThemeList(): string[] {
      return this.appThemeList;
    },
  },
  actions: {
    changeTheme():void {
      this.darkTheme = !this.darkTheme
    }
  }
});

export function useDesignSettingWithOut() {
  return useDesignStore(store);
}