[WIP] svelte

esbuild.config.mjs

@@ -1,4 +1,6 @@
 import esbuild from 'esbuild';
+import esbuildSvelte from 'esbuild-svelte';
+import sveltePreprocess from 'svelte-preprocess';
 import process from 'process';
 import builtins from 'builtin-modules';
 
@@ -11,6 +13,12 @@ if you want to view the source, please visit the github repository of this plugi
 const prod = process.argv[2] === 'production';
 
 const context = await esbuild.context({
+  plugins: [
+    esbuildSvelte({
+      compilerOptions: { css: true },
+      preprocess: sveltePreprocess(),
+    }),
+  ],
   banner: {
     js: banner,
   },

package.json

@@ -20,19 +20,24 @@
   "author": "hdykokd",
   "license": "MIT",
   "devDependencies": {
+    "@tsconfig/svelte": "^3.0.0",
     "@types/node": "^16.11.6",
     "@types/sortablejs": "^1.15.1",
     "@typescript-eslint/eslint-plugin": "5.29.0",
     "@typescript-eslint/parser": "5.29.0",
     "builtin-modules": "3.3.0",
     "esbuild": "0.17.3",
+    "esbuild-svelte": "^0.8.0",
     "obsidian": "latest",
+    "svelte": "^4.2.2",
+    "svelte-preprocess": "^5.0.4",
     "tslib": "2.4.0",
     "typescript": "4.7.4",
     "vitest": "^0.33.0"
   },
   "packageManager": "[email protected]",
   "dependencies": {
+    "lucide-svelte": "^0.290.0",
     "sortablejs": "^1.15.0"
   }
 }