fix: fixed types and lint errors

- generic types still have some problems

Author: AlansCodeLog

package.json

@@ -51,18 +51,18 @@
 		"build": "vite build",
 		"build:dev": "vite build --mode development",
 		"build:watch": "vite build --watch --mode production",
-		"build:types": "vue-tsc -p tsconfig.types.json",
+		"build:types": "vue-tsc --emitDeclarationOnly -p tsconfig.types.json",
 		"build:types:fix": "(echo \"Currently unused, any type of alias/baseUrl import causes issue when using as nuxt module.\" && exit 1) && tsc-alias -p tsconfig.types.json --debug",
 		"storybook": "BROWSER=none storybook dev -p 6006",
 		"storybook:clear-cache": "BROWSER=none storybook dev -p 6006 --no-manager-cache",
 		"build:storybook": "storybook build -o docs/storybook",
 		"doc": "pnpm run build:storybook",
 		"doc:dev": "pnpm run storybook",
 		"lint:eslint": "eslint \"{src,tests}/**/*.{js,ts,vue}\" \"*.{js,ts}\" --max-warnings=0 --report-unused-disable-directives",
-		"lint:types": "vue-tsc --noEmit --pretty",
+		"lint:types": "vue-tsc --noEmit --pretty --project tsconfig.types.json",
 		"lint:commits": "commitlint --from $(git rev-list HEAD --not --remotes | tail -1)^ --to HEAD --verbose",
 		"lint:imports": "madge --circular --extensions ts ./src",
-		"lint": "echo temporarily disabled npm run lint:types && npm run lint:eslint && npm run lint:imports",
+		"lint": "npm run lint:types && npm run lint:eslint && npm run lint:imports",
 		"prepare": "husky install && npm run build",
 		"actions:debug": "act -r -v -j build",
 		"gen:exports": "indexit update --ignore **.d.ts **.stories.ts **.vue -o '${path}.js'"

src/components/LibColorInput/LibColorInput.vue

@@ -59,7 +59,7 @@ import { extractRootEl as vExtractRootEl } from "../../directives/extractRootEl.
 import LibButton from "../LibButton/LibButton.vue"
 import LibColorPicker from "../LibColorPicker/LibColorPicker.vue"
 import LibPopup from "../LibPopup/LibPopup.vue"
-import { linkableByIdProps } from "../shared/props"
+import { linkableByIdProps } from "../shared/props.js"
 
 
 type HsvaColor = { h: number, s: number, v: number, a?: number }

src/components/LibInput/LibInput.vue

@@ -121,7 +121,7 @@
 
 		<slot v-if="suggestions" name="suggestions" v-bind="suggestionProps">
 			<!-- todo 1px needs to be abstracted to var -->
-			<!-- @vue-expected-error -->
+			<!-- @vue-expect-error -->
 			<lib-suggestions
 				class="
 							border-accent-500
@@ -146,7 +146,7 @@
 <script setup lang="ts" generic="T extends string|number">
 import { computed, type PropType, ref, useAttrs, useSlots, watch } from "vue"
 
-import { useDivideAttrs } from "../../composables/useDivideAttrs"
+import { useDivideAttrs } from "../../composables/useDivideAttrs.js"
 import { addValue } from "../../helpers/addValue.js"
 import { hasModifiers } from "../../helpers/hasModifiers.js"
 import { twMerge } from "../../helpers/twMerge.js"

src/components/LibNotifications/LibNotifications.vue

@@ -12,8 +12,7 @@
 		`, ($attrs as any).class)"
 	v-bind="{ ...$attrs, class: undefined }"
 >
-	<lib-notification
-		class="pointer-events-auto"
+	<lib-notification class="pointer-events-auto"
 		:handler="handler"
 		tabindex="0"
 		:notification="notification"
@@ -22,11 +21,10 @@
 	/>
 </TransitionGroup>
 <Transition>
-	<div v-show="topNotifications.length > 0">AAAAAAAA</div>
+	<div v-show="topNotifications.length > 0"/>
 </Transition>
 <Transition>
-	<dialog
-		v-show="topNotifications.length > 0"
+	<dialog v-show="topNotifications.length > 0"
 		:id="id"
 		class="modal
 			bg-transparent
@@ -38,8 +36,7 @@
 		@click.self.prevent="NotificationHandler.dismiss(topNotifications[0])"
 	>
 		<form>
-			<lib-notification
-				v-if="topNotifications.length > 0"
+			<lib-notification v-if="topNotifications.length > 0"
 				:handler="handler"
 				class="top-notification"
 				:notification="topNotifications[0]"
@@ -116,7 +113,7 @@ const notificationListener = (entry: NotificationEntry, type: "added" | "resolve
 }
 props.handler.addNotificationListener(notificationListener)
 
-for (const entry of props.handler.queue) {addNotification(entry)}
+for (const entry of props.handler.queue) { addNotification(entry) }
 onBeforeUnmount(() => {
 	props.handler.removeNotificationListener(notificationListener)
 })

src/components/LibTable/LibTable.vue

@@ -83,8 +83,10 @@
 </table>
 </template>
 
-
-<script setup lang="ts" generic="T extends Record<string, any>">
+<!-- generic="T extends Record<string, any> -->"
+<script setup lang="ts">
+/* awaiting better support for emitting component types with genertics */
+type T = any
 import { keys, type MakeRequired } from "@alanscodelog/utils"
 import { computed, type PropType, ref } from "vue"
 

tsconfig.types.json

@@ -1,12 +1,13 @@
 // https://www.typescriptlang.org/tsconfig/
 {
-	"extends": "./tsconfig",
+	"extends": "./tsconfig.nodenext",
 	"compilerOptions": {
 		"outDir": "dist",
 		"rootDir": "src",
 		"declaration": true,
 		"declarationMap": true,
-		"emitDeclarationOnly": true,
+		// controlled by build/lint:types scripts which both need this config
+		// "emitDeclarationOnly": true,
 		"noEmit": false,
 		"allowJs": false,
 		"skipLibCheck": true, // ignore node modules