ami/tl-vikunja
1
0
Fork 0
Code

feat: config store with composition api (#2604)

Browse Source 
Co-authored-by: Dominik Pschenitschni <mail@celement.de>
Reviewed-on: https://kolaente.dev/vikunja/frontend/pulls/2604
Co-authored-by: Dominik Pschenitschni <dpschen@noreply.kolaente.de>
Co-committed-by: Dominik Pschenitschni <dpschen@noreply.kolaente.de>
This commit is contained in:
Dominik Pschenitschni 2022-10-31 20:29:56 +00:00 committed by konrad
parent 825ba100f0
commit 15ef86d597
1 changed files with 30 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

51
src/stores/config.ts
View File

@ -1,3 +1,4 @@
import {computed, reactive, toRefs} from 'vue'
import {defineStore, acceptHMRUpdate} from 'pinia' import {defineStore, acceptHMRUpdate} from 'pinia'
import {parseURL} from 'ufo' import {parseURL} from 'ufo'
@ -36,8 +37,8 @@ export interface ConfigState {
}, },
} }
export const useConfigStore = defineStore('config', { export const useConfigStore = defineStore('config', () => {
state: (): ConfigState => ({ const state = reactive({
// These are the api defaults. // These are the api defaults.
version: '', version: '',
frontendUrl: '', frontendUrl: '',
@ -66,25 +67,33 @@ export const useConfigStore = defineStore('config', {
providers: [], providers: [],
}, },
}, },
}), })
getters: {
migratorsEnabled: (state) => state.availableMigrators?.length > 0, const migratorsEnabled = computed(() => state.availableMigrators?.length > 0)
apiBase() { const apiBase = computed(() => {
const {host, protocol} = parseURL(window.API_URL) const {host, protocol} = parseURL(window.API_URL)
return protocol + '//' + host return protocol + '//' + host
}, })
},
actions: { function setConfig(config: ConfigState) {
setConfig(config: ConfigState) { Object.assign(state, config)
Object.assign(this, config) }
}, async function update() {
async update() { const HTTP = HTTPFactory()
const HTTP = HTTPFactory() const {data: config} = await HTTP.get('info')
const {data: config} = await HTTP.get('info') setConfig(objectToCamelCase(config))
this.setConfig(objectToCamelCase(config)) return config
return config }
},
}, return {
...toRefs(state),
migratorsEnabled,
apiBase,
setConfig,
update,
}
}) })
// support hot reloading // support hot reloading