Improve tsconfigs

Author: MaxLeiter

package.json

@@ -17,8 +17,8 @@
   },
   "scripts": {
     "dev": "vite",
-    "build": "vite build && vue-tsc --emitDeclarationOnly && mv dist/lib dist/types",
-    "build:site": "vue-tsc --noEmit && vite --config vite.site.config.ts build",
+    "build": "vite build && vue-tsc --emitDeclarationOnly --project tsconfig.dist.json && mv dist/lib dist/types && rm -rf favicon.ico",
+    "build:site": "vue-tsc --noEmit --project tsconfig.site.json && vite --config vite.site.config.ts build",
     "preview": "vite preview"
   },
   "types": "./dist/types/main.d.ts",

src/components/Sortable.vue

@@ -2,7 +2,6 @@
 import { ref, PropType, watch, onUnmounted, Prop } from "vue";
 import Sortable, { SortableOptions } from "sortablejs";
 
-let sortable: Sortable | null = null;
 const props = defineProps({
   options: {
     type: Object as PropType<
@@ -53,10 +52,11 @@ const emit = defineEmits<{
 }>();
 
 const containerRef = ref<HTMLElement | null>(null);
+const sortable = ref<Sortable | null>(null);
 
 watch(containerRef, (newDraggable) => {
   if (newDraggable) {
-    sortable = new Sortable(newDraggable, {
+    sortable.value = new Sortable(newDraggable, {
       ...props.options,
       onChoose: (event) => emit("choose", event),
       onUnchoose: (event) => emit("unchoose", event),
@@ -75,9 +75,10 @@ watch(containerRef, (newDraggable) => {
 });
 
 onUnmounted(() => {
-  if (sortable) {
-    sortable.destroy();
+  if (sortable.value) {
+    sortable.value.destroy();
     containerRef.value = null;
+    sortable.value = null;
   }
 });
 </script>

tsconfig.dist.json

@@ -0,0 +1,23 @@
+{
+  "compilerOptions": {
+    "target": "esnext",
+    "useDefineForClassFields": true,
+    "module": "esnext",
+    "moduleResolution": "node",
+    "strict": true,
+    "jsx": "preserve",
+    "sourceMap": true,
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "esModuleInterop": true,
+    "lib": ["esnext", "dom"],
+    "skipLibCheck": true,
+    "baseUrl": "./",
+    "rootDir": "./",
+    "declaration": true,
+    "outDir": "dist",
+    "allowSyntheticDefaultImports": true
+  },
+  "files": ["lib/main.ts", "src/components/Sortable.vue"],
+  "references": [{ "path": "./tsconfig.node.json" }]
+}

tsconfig.json renamed to tsconfig.site.json

@@ -16,7 +16,7 @@
     "rootDir": "./",
     "declaration": true,
     "outDir": "dist",
-    "allowSyntheticDefaultImports": true,
+    "allowSyntheticDefaultImports": true
   },
   "include": ["src/**/*.ts", "src/**/*.vue", "lib/**/*.ts"],
   "references": [{ "path": "./tsconfig.node.json" }]