feat: port namespace store to pinia
This commit is contained in:
@ -12,7 +12,6 @@
|
||||
</template>
|
||||
|
||||
<script setup lang="ts">
|
||||
import { store } from '@/store'
|
||||
import { useI18n } from 'vue-i18n'
|
||||
import { useRouter, useRoute } from 'vue-router'
|
||||
import {success} from '@/message'
|
||||
@ -20,10 +19,12 @@ import {success} from '@/message'
|
||||
import SavedFilterModel from '@/models/savedFilter'
|
||||
import SavedFilterService from '@/services/savedFilter'
|
||||
import {getSavedFilterIdFromListId} from '@/helpers/savedFilter'
|
||||
import {useNamespaceStore} from '@/stores/namespaces'
|
||||
|
||||
const { t } = useI18n({useScope: 'global'})
|
||||
const router = useRouter()
|
||||
const route = useRoute()
|
||||
const namespaceStore = useNamespaceStore()
|
||||
|
||||
async function deleteSavedFilter() {
|
||||
// We assume the listId in the route is the pseudolist
|
||||
@ -33,7 +34,7 @@ async function deleteSavedFilter() {
|
||||
const filter = new SavedFilterModel({id: savedFilterId})
|
||||
|
||||
await filterService.delete(filter)
|
||||
await store.dispatch('namespaces/loadNamespaces')
|
||||
await namespaceStore.loadNamespaces()
|
||||
success({message: t('filters.delete.success')})
|
||||
router.push({name: 'namespaces.index'})
|
||||
}
|
||||
|
@ -54,8 +54,7 @@
|
||||
<script setup lang="ts">
|
||||
import {ref, shallowRef, computed, watch, unref } from 'vue'
|
||||
import {useRouter, useRoute} from 'vue-router'
|
||||
import {store} from '@/store'
|
||||
import {success} from '@/message'
|
||||
import {success} from '@/message'
|
||||
import {useI18n} from 'vue-i18n'
|
||||
import type {MaybeRef} from '@vueuse/core'
|
||||
|
||||
@ -69,8 +68,10 @@ import SavedFilterService from '@/services/savedFilter'
|
||||
import {objectToSnakeCase} from '@/helpers/case'
|
||||
import {getSavedFilterIdFromListId} from '@/helpers/savedFilter'
|
||||
import type {IList} from '@/modelTypes/IList'
|
||||
import {useNamespaceStore} from '@/stores/namespaces'
|
||||
|
||||
const {t} = useI18n({useScope: 'global'})
|
||||
const namespaceStore = useNamespaceStore()
|
||||
|
||||
function useSavedFilter(listId: MaybeRef<IList['id']>) {
|
||||
const filterService = shallowRef(new SavedFilterService())
|
||||
@ -97,7 +98,7 @@ function useSavedFilter(listId: MaybeRef<IList['id']>) {
|
||||
async function save() {
|
||||
filter.value.filters = filters.value
|
||||
const response = await filterService.value.update(filter.value)
|
||||
await store.dispatch('namespaces/loadNamespaces')
|
||||
await namespaceStore.loadNamespaces()
|
||||
success({message: t('filters.edit.success')})
|
||||
response.filters = objectToSnakeCase(response.filters)
|
||||
filter.value = response
|
||||
|
@ -65,7 +65,6 @@
|
||||
<script setup lang="ts">
|
||||
import { ref, shallowRef, computed } from 'vue'
|
||||
|
||||
import { store } from '@/store'
|
||||
import { useRouter } from 'vue-router'
|
||||
|
||||
import {default as Editor} from '@/components/input/AsyncEditor'
|
||||
@ -73,6 +72,9 @@ import Filters from '@/components/list/partials/filters.vue'
|
||||
|
||||
import SavedFilterService from '@/services/savedFilter'
|
||||
import SavedFilterModel from '@/models/savedFilter'
|
||||
import {useNamespaceStore} from '@/stores/namespaces'
|
||||
|
||||
const namespaceStore = useNamespaceStore()
|
||||
|
||||
const savedFilterService = shallowRef(new SavedFilterService())
|
||||
|
||||
@ -85,7 +87,7 @@ const filters = computed({
|
||||
const router = useRouter()
|
||||
async function create() {
|
||||
savedFilter.value = await savedFilterService.value.create(savedFilter.value)
|
||||
await store.dispatch('namespaces/loadNamespaces')
|
||||
await namespaceStore.loadNamespaces()
|
||||
router.push({name: 'list.index', params: {listId: savedFilter.value.getListId()}})
|
||||
}
|
||||
</script>
|
||||
|
Reference in New Issue
Block a user