Zmiana instancji store'a na Pinia

This commit is contained in:
2022-06-12 18:00:06 +02:00
parent 3a50609488
commit dbad518d55
19 changed files with 588 additions and 629 deletions
+9 -17
View File
@@ -15,15 +15,14 @@
<script lang="ts">
import { computed, ComputedRef, defineComponent, PropType, provide, reactive, ref, TrainFilter } from 'vue';
import { filteredTrainList } from '@/scripts/managers/trainFilterManager';
import { trainFilters } from "@/data/trainOptions";
import { trainFilters } from '@/data/trainOptions';
import Train from '@/scripts/interfaces/Train';
import TrainTable from '@/components/TrainsView/TrainTable.vue';
import TrainStats from '@/components/TrainsView/TrainStats.vue';
import TrainOptions from '@/components/TrainsView/TrainOptions.vue';
import { useStore } from '@/store';
import { GETTERS } from '@/constants/storeConstants';
import { useStore } from '@/store/store';
export default defineComponent({
components: {
@@ -35,13 +34,13 @@ export default defineComponent({
props: {
train: {
type: String,
required: false
required: false,
},
driver: {
type: String,
required: false
}
required: false,
},
},
data: () => ({
@@ -52,7 +51,7 @@ export default defineComponent({
setup() {
const store = useStore();
const trainList: ComputedRef<Train[]> = computed(() => store.getters[GETTERS.trainList]);
const trainList = store.trainList;
const sorterActive = ref({ id: 'distance', dir: -1 });
const filterList = reactive([...trainFilters]) as TrainFilter[];
@@ -68,16 +67,9 @@ export default defineComponent({
provide('isTrainOptionsCardVisible', isTrainOptionsCardVisible);
const computedTrains: ComputedRef<Train[]> = computed(() => {
return filteredTrainList(
trainList.value,
searchedTrain.value,
searchedDriver.value,
sorterActive.value,
filterList
);
return filteredTrainList(trainList, searchedTrain.value, searchedDriver.value, sorterActive.value, filterList);
});
return {
trainList,
computedTrains,
@@ -88,9 +80,9 @@ export default defineComponent({
},
activated() {
if(this.train) {
if (this.train) {
this.searchedTrain = this.train;
this.searchedDriver = this.driver || "";
this.searchedDriver = this.driver || '';
}
// if (this.train) {
// this.searchedTrain = this.train;