fix: inferred type error (#516)

This PR fixes the compile error: `The inferred type of X cannot be named
without a reference`.

I'm not sure why this is not seen in CI...

eslint.packages.js

@@ -15,6 +15,7 @@ module.exports = {
     'unicorn/prefer-export-from': 'off',
     'unicorn/filename-case': 'off',
     'unicorn/no-useless-undefined': 'off',
+    'unicorn/expiring-todo-comments': 'off',
     'jsdoc/require-param': 'off',
     'jsdoc/newline-after-description': 'off',
     'jsdoc/require-param-type': 'off',

package.json

@@ -13,7 +13,7 @@
   "scripts": {
     "prepare": "pnpm run build && pnpm run compile",
     "build": "rollup --config rollup.config.js && pnpm run typecheck",
-    "clean": "rm -rf node_modules package-lock.json coverage packages/*/{package-lock.json,build,node_modules}",
+    "clean": "rm -rf node_modules pnpm-lock.yaml coverage packages/*/{build,node_modules}",
     "compile": "pnpm run --recursive --if-present compile",
     "format": "pnpm --recursive --if-present run lint --fix",
     "format:check": "lint",

packages/solid-keyring/src/providers/Keyring.ts

@@ -1,4 +1,4 @@
-import type { ParentComponent } from 'solid-js'
+import type { Context, ParentComponent } from 'solid-js'
 import type {
   KeyringContextState,
   KeyringContextActions,
@@ -38,7 +38,7 @@ const defaultState: KeyringContextState = {
   account: window.localStorage.getItem(W3UI_ACCOUNT_LOCALSTORAGE_KEY) ?? undefined
 }
 
-export const AuthContext = createContext<KeyringContextValue>([
+export const AuthContext: Context<KeyringContextValue> = createContext<KeyringContextValue>([
   defaultState,
   {
     loadAgent: async () => {},

packages/vue-keyring/src/providers/Keyring.ts

@@ -12,7 +12,8 @@ import {
   computed,
   InjectionKey,
   Ref,
-  shallowReactive
+  shallowReactive,
+  Component
 } from 'vue'
 import {
   authorize as accessAuthorize,
@@ -64,7 +65,7 @@ export interface KeyringProviderProps extends ServiceConfig { }
 /**
  * Provider for authentication with the service.
  */
-export const KeyringProvider = defineComponent<KeyringProviderProps>({
+export const KeyringProvider: Component<KeyringProviderProps> = defineComponent<KeyringProviderProps>({
   setup ({ servicePrincipal, connection }) {
     const state = shallowReactive<KeyringContextState>({
       agent: undefined,

packages/vue-uploader/src/providers/Uploader.ts

@@ -12,7 +12,8 @@ import {
   inject,
   Ref,
   shallowReactive,
-  computed
+  computed,
+  Component
 } from 'vue'
 import {
   uploadFile,
@@ -44,7 +45,7 @@ export interface UploaderProviderProps extends ServiceConfig {}
 /**
  * Provider for actions and state to facilitate uploads to the service.
  */
-export const UploaderProvider = defineComponent<UploaderProviderProps>({
+export const UploaderProvider: Component<UploaderProviderProps> = defineComponent<UploaderProviderProps>({
   setup ({ servicePrincipal, connection }) {
     const space = inject(KeyringProviderInjectionKey.space)
     const agent = inject(KeyringProviderInjectionKey.agent)

packages/vue-uploads-list/src/providers/UploadsList.ts

@@ -6,7 +6,8 @@ import {
   shallowReactive,
   Ref,
   computed,
-  watch
+  watch,
+  Component
 } from 'vue'
 import { KeyringProviderInjectionKey } from '@w3ui/vue-keyring'
 import {
@@ -48,7 +49,7 @@ export interface UploadsListProviderProps extends ServiceConfig {
 /**
  * Provider for a list of items uploaded by the current identity.
  */
-export const UploadsListProvider = defineComponent<UploadsListProviderProps>({
+export const UploadsListProvider: Component<UploadsListProviderProps> = defineComponent<UploadsListProviderProps>({
   setup ({ size, servicePrincipal, connection }) {
     const space = inject(KeyringProviderInjectionKey.space)
     const agent = inject(KeyringProviderInjectionKey.agent)