chore: apply formatting

Author: crutchcorn

packages/vue-redux/README.md

@@ -36,12 +36,12 @@ The following Vue component works as-expected:
 
 ```vue
 <script setup lang="ts">
-  import { useSelector, useDispatch } from '@reduxjs/vue-redux'
-  import { decrement, increment } from './store/counter-slice'
-  import { RootState } from './store'
+import { useSelector, useDispatch } from '@reduxjs/vue-redux'
+import { decrement, increment } from './store/counter-slice'
+import { RootState } from './store'
 
-  const count = useSelector((state: RootState) => state.counter.value)
-  const dispatch = useDispatch()
+const count = useSelector((state: RootState) => state.counter.value)
+const dispatch = useDispatch()
 </script>
 
 <template>

packages/vue-redux/src/compositions/use-dispatch.ts

@@ -1,7 +1,11 @@
-import { createStoreComposition, useStore as useDefaultStore } from './use-store'
+import { ContextKey } from '../provider/context'
+import {
+  createStoreComposition,
+  useStore as useDefaultStore,
+} from './use-store'
+import type { VueReduxContextValue } from '../provider/context';
 import type { Action, Dispatch, UnknownAction } from 'redux'
-import type {InjectionKey} from "vue";
-import {ContextKey, VueReduxContextValue} from "../provider/context";
+import type { InjectionKey } from 'vue'
 
 /**
  * Represents a custom composition that provides a dispatch function
@@ -53,7 +57,10 @@ export function createDispatchComposition<
   StateType = unknown,
   ActionType extends Action = UnknownAction,
 >(
-  context?: InjectionKey<VueReduxContextValue<StateType, ActionType> | null> = ContextKey,
+  context?: InjectionKey<VueReduxContextValue<
+    StateType,
+    ActionType
+  > | null> = ContextKey,
 ) {
   const useStore =
     context === ContextKey ? useDefaultStore : createStoreComposition(context)

packages/vue-redux/src/compositions/use-redux-context.ts

@@ -1,6 +1,7 @@
-import {inject} from "vue";
-import type {InjectionKey} from "vue";
-import {ContextKey, VueReduxContextValue} from "../provider/context";
+import { inject } from 'vue'
+import { ContextKey } from '../provider/context'
+import type { VueReduxContextValue } from '../provider/context';
+import type { InjectionKey } from 'vue'
 
 /**
  * Composition factory, which creates a `useReduxContext` hook bound to a given context. This is a low-level

packages/vue-redux/src/compositions/use-selector.ts

@@ -1,13 +1,14 @@
-import {inject, type InjectionKey, readonly, ref, toRaw, watch} from 'vue'
+import {  inject, readonly, ref, toRaw, watch  } from 'vue'
+import { ContextKey } from '../provider/context'
 import { StoreSymbol } from './provide-store'
-import type { StoreContext } from './provide-store'
-import type { DeepReadonly, Ref, UnwrapRef} from 'vue'
-import type { EqualityFn } from './types'
-import {ContextKey, VueReduxContextValue} from "../provider/context";
 import {
   createReduxContextComposition,
   useReduxContext as useDefaultReduxContext,
 } from './use-redux-context'
+import type {DeepReadonly, InjectionKey, Ref, UnwrapRef } from 'vue';
+import type { StoreContext } from './provide-store'
+import type { EqualityFn } from './types'
+import type { VueReduxContextValue } from '../provider/context';
 
 export interface UseSelectorOptions<Selected> {
   equalityFn?: EqualityFn<Selected>

packages/vue-redux/src/compositions/use-store.ts

@@ -1,11 +1,12 @@
-import {inject} from 'vue'
-import type {InjectionKey} from 'vue'
-import type { Action, Store } from 'redux'
-import {ContextKey, VueReduxContextValue} from "../provider/context";
+import { inject } from 'vue'
+import { ContextKey } from '../provider/context'
 import {
   createReduxContextComposition,
   useReduxContext as useDefaultReduxContext,
 } from './use-redux-context'
+import type { VueReduxContextValue } from '../provider/context'
+import type { InjectionKey } from 'vue'
+import type { Action, Store } from 'redux'
 
 /**
  * Represents a type that extracts the action type from a given Redux store.
@@ -78,13 +79,15 @@ export function createStoreComposition<
   StateType = unknown,
   ActionType extends Action = Action,
 >(
-  context?: InjectionKey<VueReduxContextValue<StateType, ActionType> | null> = ContextKey,
+  context?: InjectionKey<VueReduxContextValue<
+    StateType,
+    ActionType
+  > | null> = ContextKey,
 ) {
   const useReduxContext =
     context === ContextKey
       ? useDefaultReduxContext
-      : // @ts-ignore
-      createReduxContextComposition(context)
+      : createReduxContextComposition(context)
   const useStore = () => {
     const { store } = useReduxContext()
     return store

packages/vue-redux/src/provider/context.ts

@@ -1,7 +1,7 @@
+import type { Subscription } from '../utils/Subscription'
 import type { Action, Store, UnknownAction } from 'redux'
-import {Subscription} from '../utils/Subscription'
 import type { ProviderProps } from './Provider'
-import {InjectionKey} from "vue";
+import type { InjectionKey } from 'vue'
 
 export interface VueReduxContextValue<
   SS = any,
@@ -11,4 +11,6 @@ export interface VueReduxContextValue<
   subscription: Subscription
 }
 
-export const ContextKey = Symbol.for(`vue-redux-context`) as InjectionKey<VueReduxContextValue>
+export const ContextKey = Symbol.for(
+  `vue-redux-context`,
+) as InjectionKey<VueReduxContextValue>

packages/vue-redux/src/provider/provider.ts

@@ -1,8 +1,10 @@
 import { onScopeDispose, provide } from 'vue'
+import { createSubscription } from '../utils/Subscription'
+import { ContextKey } from './context'
+import type { ProviderProps, VueReduxContextValue } from './context';
 import type { App, InjectionKey } from 'vue'
-import type {Action, Store, UnknownAction} from 'redux'
-import {ContextKey, ProviderProps, VueReduxContextValue} from "./context";
-import {createSubscription, Subscription} from "../utils/Subscription";
+import type { Action, Store, UnknownAction } from 'redux'
+import type { Subscription} from '../utils/Subscription';
 
 export interface ProviderProps<
   A extends Action<string> = UnknownAction,
@@ -22,11 +24,12 @@ export interface ProviderProps<
   context?: InjectionKey<VueReduxContextValue<S, A> | null>
 }
 
-
 export function getContext<
   A extends Action<string> = UnknownAction,
   S = unknown,
->({ store }: Pick<ProviderProps<A, S>, "store">): VueReduxContextValue<S, A> | null {
+>({
+  store,
+}: Pick<ProviderProps<A, S>, 'store'>): VueReduxContextValue<S, A> | null {
   const subscription = createSubscription(store) as Subscription
   subscription.onStateChange = subscription.notifyNestedSubs
   subscription.trySubscribe()
@@ -40,26 +43,26 @@ export function getContext<
 export function provideStore<
   A extends Action<string> = UnknownAction,
   S = unknown,
->({store, context}: ProviderProps<A, S>) {
-  const contextValue = getContext({store})
+>({ store, context }: ProviderProps<A, S>) {
+  const contextValue = getContext({ store })
 
   onScopeDispose(() => {
     contextValue.subscription.tryUnsubscribe()
     contextValue.subscription.onStateChange = undefined
   })
 
-  const providerKey = context || ContextKey;
+  const providerKey = context || ContextKey
 
   provide(providerKey, contextValue)
 }
 
 export function provideStoreToApp<
   A extends Action<string> = UnknownAction,
   S = unknown,
->(app: App, {store, context}: ProviderProps<A, S>) {
-  const contextValue = getContext({store})
+>(app: App, { store, context }: ProviderProps<A, S>) {
+  const contextValue = getContext({ store })
 
-  const providerKey = context || ContextKey;
+  const providerKey = context || ContextKey
 
   app.provide(providerKey, contextValue)
 }

packages/vue-redux/tests/compositions.with-types.test.tsx

@@ -1,7 +1,7 @@
-import {describe, test, expect} from "vitest";
-import type { Action, ThunkAction } from '@reduxjs/toolkit'
+import { describe, expect, test } from 'vitest'
 import { configureStore, createAsyncThunk, createSlice } from '@reduxjs/toolkit'
 import { useDispatch, useSelector, useStore } from '../src'
+import type { Action, ThunkAction } from '@reduxjs/toolkit'
 
 export interface CounterState {
   counter: number

packages/vue-redux/tests/use-dispatch.spec.tsx

@@ -1,12 +1,15 @@
-import {describe, it, expect} from "vitest";
-import {defineComponent, h, InjectionKey} from 'vue'
+import { describe, expect, it } from 'vitest'
+import { defineComponent, h } from 'vue'
+import { createStore } from 'redux'
+import { render } from '@testing-library/vue'
 import {
   createDispatchComposition,
   provideStore as provideMock,
-  useDispatch, VueReduxContextValue,
+  useDispatch
 } from '../src'
-import { createStore } from 'redux'
-import {render} from "@testing-library/vue";
+import type {
+  VueReduxContextValue} from '../src';
+import type { InjectionKey } from 'vue';
 
 const store = createStore((c: number = 1): number => c + 1)
 const store2 = createStore((c: number = 1): number => c + 2)
@@ -16,45 +19,47 @@ describe('Vue', () => {
     describe('useDispatch', () => {
       it("returns the store's dispatch function", () => {
         const Comp = defineComponent(() => {
-          const dispatch = useDispatch();
+          const dispatch = useDispatch()
           expect(dispatch).toBe(store.dispatch)
 
-          return () => null;
+          return () => null
         })
 
         const App = defineComponent(() => {
-          provideMock({store});
-          return () => <Comp/>
+          provideMock({ store })
+          return () => <Comp />
         })
 
-        render(<App/>)
+        render(<App />)
       })
     })
     describe('createDispatchComposition', () => {
       it("returns the correct store's dispatch function", () => {
-        const nestedContext = Symbol.for("mock-redux-store") as InjectionKey<VueReduxContextValue | null>
+        const nestedContext = Symbol.for(
+          'mock-redux-store',
+        ) as InjectionKey<VueReduxContextValue | null>
         const useCustomDispatch = createDispatchComposition(nestedContext)
 
         const CheckDispatch = defineComponent(() => {
-          const dispatch = useDispatch();
-          const customDispatch = useCustomDispatch();
+          const dispatch = useDispatch()
+          const customDispatch = useCustomDispatch()
           expect(dispatch).toBe(store.dispatch)
           expect(customDispatch).toBe(store2.dispatch)
 
-          return () => null;
+          return () => null
         })
 
         const InnerApp = defineComponent(() => {
-          provideMock({store: store2, context: nestedContext});
-          return () => <CheckDispatch/>
+          provideMock({ store: store2, context: nestedContext })
+          return () => <CheckDispatch />
         })
 
         const App = defineComponent(() => {
-          provideMock({store});
-          return () => <InnerApp/>
+          provideMock({ store })
+          return () => <InnerApp />
         })
 
-        render(<App/>)
+        render(<App />)
       })
     })
   })

packages/vue-redux/tests/use-redux-context.spec.tsx

@@ -1,11 +1,8 @@
-import {describe, it, expect, vi} from "vitest";
-import {
-  createReduxContextComposition,
-  useReduxContext,
-} from '../src'
-import {defineComponent, h} from "vue";
-import type {InjectionKey} from "vue";
-import {render} from "@testing-library/vue";
+import { describe, expect, it, vi } from 'vitest'
+import { defineComponent, h } from 'vue'
+import { render } from '@testing-library/vue'
+import { createReduxContextComposition, useReduxContext } from '../src'
+import type { InjectionKey } from 'vue'
 
 describe('Vue', () => {
   describe('compositions', () => {
@@ -14,30 +11,31 @@ describe('Vue', () => {
         const spy = vi.spyOn(console, 'error').mockImplementation(() => {})
 
         const App = defineComponent(() => {
-          useReduxContext();
-          return () => null;
+          useReduxContext()
+          return () => null
         })
 
-        expect(() => render(<App/>)).toThrow(
+        expect(() => render(<App />)).toThrow(
           /could not find vue-redux context value/,
         )
         spy.mockRestore()
       })
     })
     describe('createReduxContextHook', () => {
       it('throws if component is not wrapped in provider', () => {
-        const customContext = Symbol.for("testing") as InjectionKey<VueReduxContextValue | null>;
-        const useCustomReduxContext = createReduxContextComposition(customContext)
+        const customContext = Symbol.for(
+          'testing',
+        ) as InjectionKey<VueReduxContextValue | null>
+        const useCustomReduxContext =
+          createReduxContextComposition(customContext)
         const spy = vi.spyOn(console, 'error').mockImplementation(() => {})
 
-
         const App = defineComponent(() => {
-          useCustomReduxContext();
-          return () => null;
+          useCustomReduxContext()
+          return () => null
         })
 
-
-        expect(() => render(<App/>)).toThrow(
+        expect(() => render(<App />)).toThrow(
           /could not find vue-redux context value/,
         )
 

packages/vue-redux/tests/use-selector-and-dispatch.test.tsx

@@ -37,7 +37,7 @@ describe('Vue Redux', () => {
     const App = defineComponent(() => {
       provideStore({ store })
 
-      return () => <Comp/>
+      return () => <Comp />
     })
 
     const { getByText } = render(<App />)
@@ -70,10 +70,9 @@ describe('Vue Redux', () => {
     const App = defineComponent(() => {
       provideStore({ store })
 
-      return () => <Comp/>
+      return () => <Comp />
     })
 
-
     const { getByText } = render(<App />)
     const btn = getByText('Count: 0')
     expect(btn).toBeInTheDocument()

scripts/generateDocs.js

@@ -10,7 +10,7 @@ const packages = [
     name: '@reduxjs/vue-redux',
     entryPoints: [resolve(__dirname, '../packages/vue-redux/src/index.ts')],
     tsconfig: resolve(__dirname, '../packages/vue-redux/tsconfig.docs.json'),
-    outputDir: resolve(__dirname, '../docs/reference')
+    outputDir: resolve(__dirname, '../docs/reference'),
   },
 ]
 

scripts/publish.js

@@ -11,7 +11,7 @@ await publish({
     {
       name: '@reduxjs/vue-redux',
       packageDir: 'packages/vue-redux',
-    }
+    },
   ],
   branchConfigs: {
     main: {