🔨 Refactor: upgrade vue2 -> vue3

src/renderer/store/index.js

@@ -1,11 +0,0 @@
-import Vue from 'vue'
-import Vuex from 'vuex'
-
-import modules from './modules'
-
-Vue.use(Vuex)
-
-export default new Vuex.Store({
-  modules,
-  strict: process.env.NODE_ENV !== 'production'
-})

src/renderer/store/index.ts

@@ -0,0 +1,37 @@
+import { reactive, InjectionKey, readonly, App, UnwrapRef } from 'vue'
+import { saveConfig } from '@/utils/dataSender'
+
+export interface IState {
+  defaultPicBed: string;
+}
+
+export interface IStore {
+  state: UnwrapRef<IState>
+  setDefaultPicBed: (type: string) => void;
+}
+
+export const storeKey: InjectionKey<IStore> = Symbol('store')
+
+// state
+const state: IState = reactive({
+  defaultPicBed: 'smms'
+})
+
+// methods
+const setDefaultPicBed = (type: string) => {
+  saveConfig({
+    'picBed.current': type,
+    'picBed.uploader': type
+  })
+  state.defaultPicBed = type
+  console.log(state)
+}
+
+export const store = {
+  install (app: App) {
+    app.provide(storeKey, {
+      state: readonly(state),
+      setDefaultPicBed
+    })
+  }
+}

src/renderer/store/modules/Counter.js

@@ -1,25 +0,0 @@
-const state = {
-  main: 0
-}
-
-const mutations = {
-  DECREMENT_MAIN_COUNTER (state) {
-    state.main--
-  },
-  INCREMENT_MAIN_COUNTER (state) {
-    state.main++
-  }
-}
-
-const actions = {
-  someAsyncTask ({ commit }) {
-    // do something async
-    commit('INCREMENT_MAIN_COUNTER')
-  }
-}
-
-export default {
-  state,
-  mutations,
-  actions
-}

src/renderer/store/modules/index.js

@@ -1,14 +0,0 @@
-/**
- * The file enables `@/store/index.js` to import all vuex modules
- * in a one-shot manner. There should not be any reason to edit this file.
- */
-
-const files = require.context('.', false, /\.js$/)
-const modules = {}
-
-files.keys().forEach(key => {
-  if (key === './index.js') return
-  modules[key.replace(/(\.\/|\.js)/g, '')] = files(key).default
-})
-
-export default modules