deno redux-toolkit counter

counter.ts

import { default as redux } from "npm:@reduxjs/[email protected]";
import type { PayloadAction } from "npm:@reduxjs/[email protected]";
import { default as logger } from "npm:[email protected]";
import { default as Logger } from "npm:@types/[email protected]";

const { configureStore, createSlice } = redux;
const { createLogger } = logger as typeof Logger;

type CounterState = {
  count: number;
};

const initialState: CounterState = {
  count: 0,
};

const counterSlice = createSlice({
  name: "counter",
  initialState,
  reducers: {
    increment: (state) => {
      state.count += 1;
    },
    decrement: (state) => {
      state.count -= 1;
    },
    incrementByAmount: (state, action: PayloadAction<{ num: number }>) => {
      state.count += action.payload.num;
    },
  },
});

const store = configureStore({
  reducer: { counter: counterSlice.reducer },
  middleware: (getDefaultMiddleware) =>
    getDefaultMiddleware().concat(createLogger()),
});

const { dispatch } = store;

const counterSelector = (): CounterState["count"] =>
  store.getState().counter.count;

dispatch(counterSlice.actions.increment());
console.log(counterSelector());

dispatch(counterSlice.actions.incrementByAmount({ num: 10 }));
console.log(counterSelector());