diff --git a/.prettierignore b/.prettierignore
index 0de1479724..b502bb8065 100644
--- a/.prettierignore
+++ b/.prettierignore
@@ -5,17 +5,16 @@ __snapshots__
 .*
 packages/fiddle/build/**
 .yarn
-e2e/**/output/**
+e2e/**/output/src/**
 e2e/e2e-app-vue3-output/vue3/src/**
 e2e/e2e-angular/angular_src/app/lib/**
 e2e/e2e-qwik/server/**
 e2e/e2e-app-qwik-output/src/e2e-app/**
 e2e/e2e-app-qwik-output/lib/**
-packages/e2e-*/**
 **/test-results/
 **/playwright-report/
 **/playwright/.cache/
-**/tsconfig.json
+# **/tsconfig.json
 
 examples/**/output/**/*
 
diff --git a/.vscode/settings.json b/.vscode/settings.json
index 497a8b5ff8..aa645897e8 100644
--- a/.vscode/settings.json
+++ b/.vscode/settings.json
@@ -5,5 +5,5 @@
   },
   "typescript.format.enable": true,
   "editor.formatOnSave": true,
-  "editor.defaultFormatter": "esbenp.prettier-vscode"
+  "typescript.tsdk": "node_modules/typescript/lib"
 }
diff --git a/.yarn/versions/2e8dddaa.yml b/.yarn/versions/2e8dddaa.yml
new file mode 100644
index 0000000000..8a48931abe
--- /dev/null
+++ b/.yarn/versions/2e8dddaa.yml
@@ -0,0 +1,3 @@
+undecided:
+  - "@builder.io/mitosis-repo"
+  - "@builder.io/mitosis"
diff --git a/.yarn/versions/3cb89724.yml b/.yarn/versions/3cb89724.yml
new file mode 100644
index 0000000000..8a48931abe
--- /dev/null
+++ b/.yarn/versions/3cb89724.yml
@@ -0,0 +1,3 @@
+undecided:
+  - "@builder.io/mitosis-repo"
+  - "@builder.io/mitosis"
diff --git a/e2e/e2e-alpine/src/main.ts b/e2e/e2e-alpine/src/main.ts
index 44012bfbcf..5d148b5074 100644
--- a/e2e/e2e-alpine/src/main.ts
+++ b/e2e/e2e-alpine/src/main.ts
@@ -1,11 +1,11 @@
-import Alpine from 'alpinejs'
+import Alpine from 'alpinejs';
 // import myComponent from '@builder.io/e2e-app/alpine/components/my-component.html?raw'
- 
-window.Alpine = Alpine
- 
+
+window.Alpine = Alpine;
+
 // Alpine.data('myComponent', myComponent)
 
 // console.log(myComponent)
 // document.getElementById('app').innerHTML = myComponent;
 
-Alpine.start()
\ No newline at end of file
+Alpine.start();
diff --git a/e2e/e2e-alpine/vite.config.ts b/e2e/e2e-alpine/vite.config.ts
index 48d13eec9e..2aa1a17889 100644
--- a/e2e/e2e-alpine/vite.config.ts
+++ b/e2e/e2e-alpine/vite.config.ts
@@ -2,13 +2,23 @@ import { resolve } from 'path';
 import { defineConfig } from 'vite';
 import handlebars from 'vite-plugin-handlebars';
 
-const dir = resolve(__dirname, 'node_modules', '@builder.io', 'e2e-app', 'output', 'alpine', 'alpine', 'src', 'components');
+const dir = resolve(
+  __dirname,
+  'node_modules',
+  '@builder.io',
+  'e2e-app',
+  'output',
+  'alpine',
+  'alpine',
+  'src',
+  'components',
+);
 
 // https://vitejs.dev/config/
 export default defineConfig({
   plugins: [
     handlebars({
       partialDirectory: dir,
-    })
-  ]
+    }),
+  ],
 });
diff --git a/e2e/e2e-angular/angular_src/app/mitosis.module.ts b/e2e/e2e-angular/angular_src/app/mitosis.module.ts
index 32414b9951..c05960806f 100644
--- a/e2e/e2e-angular/angular_src/app/mitosis.module.ts
+++ b/e2e/e2e-angular/angular_src/app/mitosis.module.ts
@@ -2,8 +2,8 @@
 // components we are using from Mitosis output. Ideally this would be generated
 // by Mitosis, and/or Angular 14 "standalone components" would be generated.
 
-import { NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
+import { NgModule } from '@angular/core';
 
 import { components } from './mitosis-component-list';
 
diff --git a/e2e/e2e-angular/package.json b/e2e/e2e-angular/package.json
index 7c52b257ba..78f94b4560 100644
--- a/e2e/e2e-angular/package.json
+++ b/e2e/e2e-angular/package.json
@@ -32,6 +32,6 @@
     "fast-glob": "^3.2.11",
     "rimraf": "^3.0.2",
     "sync-directory": "^5.1.5",
-    "typescript": "^4.8.4"
+    "typescript": "^5.3.2"
   }
 }
diff --git a/e2e/e2e-app/e2e.ts b/e2e/e2e-app/e2e.ts
index 5837f2af58..429d9763e8 100644
--- a/e2e/e2e-app/e2e.ts
+++ b/e2e/e2e-app/e2e.ts
@@ -1,8 +1,8 @@
 // Mitosis E2E orchestration script
 
+import { spawn } from 'child_process';
 import { readFile, writeFile } from 'fs/promises';
 import { resolve } from 'path';
-import { spawn } from 'child_process';
 import syncDirectory from 'sync-directory';
 
 import { emitTable, Entry } from './e2e-output';
diff --git a/e2e/e2e-app/output/qwik/package.json b/e2e/e2e-app/output/qwik/package.json
index c3a5a9e92b..98d9a3dfca 100644
--- a/e2e/e2e-app/output/qwik/package.json
+++ b/e2e/e2e-app/output/qwik/package.json
@@ -29,7 +29,7 @@
     "@builder.io/e2e-app": "workspace:*",
     "@builder.io/qwik": "^1.1.4",
     "@types/node": "latest",
-    "typescript": "^4",
+    "typescript": "^5.3.2",
     "vite": "^3.2.2"
   }
 }
diff --git a/e2e/e2e-app/output/qwik/project.json b/e2e/e2e-app/output/qwik/project.json
index 5152b8618b..b335e2c752 100644
--- a/e2e/e2e-app/output/qwik/project.json
+++ b/e2e/e2e-app/output/qwik/project.json
@@ -1,6 +1,4 @@
 {
   "name": "@builder.io/e2e-app-qwik",
-  "implicitDependencies": [
-    "@builder.io/e2e-app"
-  ]
+  "implicitDependencies": ["@builder.io/e2e-app"]
 }
diff --git a/e2e/e2e-app/output/qwik/tsconfig.json b/e2e/e2e-app/output/qwik/tsconfig.json
index d0a7666422..453db9fe5b 100644
--- a/e2e/e2e-app/output/qwik/tsconfig.json
+++ b/e2e/e2e-app/output/qwik/tsconfig.json
@@ -20,9 +20,5 @@
     "skipLibCheck": true /* Skip type checking all .d.ts files. */,
     "emitDeclarationOnly": true
   },
-  "include": [
-    "types.d.ts",
-    "types-hack.d.ts",
-    "src"
-  ],
-}
\ No newline at end of file
+  "include": ["types.d.ts", "types-hack.d.ts", "src"]
+}
diff --git a/e2e/e2e-app/output/qwik/vite.config.ts b/e2e/e2e-app/output/qwik/vite.config.ts
index e0e8376cd1..4f22b3eb1e 100644
--- a/e2e/e2e-app/output/qwik/vite.config.ts
+++ b/e2e/e2e-app/output/qwik/vite.config.ts
@@ -1,6 +1,6 @@
-import { defineConfig } from 'vite';
 import { qwikVite } from '@builder.io/qwik/optimizer';
 import { resolve } from 'path';
+import { defineConfig } from 'vite';
 
 export default defineConfig(() => {
   return {
diff --git a/e2e/e2e-app/output/vue/packages/_vue2/package.json b/e2e/e2e-app/output/vue/packages/_vue2/package.json
index 144b138ec7..f5b7257dac 100644
--- a/e2e/e2e-app/output/vue/packages/_vue2/package.json
+++ b/e2e/e2e-app/output/vue/packages/_vue2/package.json
@@ -14,7 +14,7 @@
     "@vitejs/plugin-vue2": "^1.1.2",
     "@vue/tsconfig": "^0.1.3",
     "terser": "^5.14.2",
-    "typescript": "^4",
+    "typescript": "^5.3.2",
     "vite": "^3.2.2",
     "vite-plugin-dts": "^1.5.0",
     "vue-tsc": "^0.38.8"
diff --git a/e2e/e2e-app/output/vue/packages/_vue2/tsconfig.config.json b/e2e/e2e-app/output/vue/packages/_vue2/tsconfig.config.json
index c2d3a309ef..02be539489 100644
--- a/e2e/e2e-app/output/vue/packages/_vue2/tsconfig.config.json
+++ b/e2e/e2e-app/output/vue/packages/_vue2/tsconfig.config.json
@@ -3,6 +3,7 @@
   "include": ["vite.config.*", "vitest.config.*", "cypress.config.*"],
   "compilerOptions": {
     "composite": true,
-    "types": ["node"]
+    "types": ["node"],
+    "noImplicitAny": false
   }
 }
diff --git a/e2e/e2e-app/output/vue/packages/_vue2/tsconfig.json b/e2e/e2e-app/output/vue/packages/_vue2/tsconfig.json
index 8d2359999e..aa4715d30d 100644
--- a/e2e/e2e-app/output/vue/packages/_vue2/tsconfig.json
+++ b/e2e/e2e-app/output/vue/packages/_vue2/tsconfig.json
@@ -3,6 +3,7 @@
   "include": ["env.d.ts", "src/**/*", "src/**/*.vue"],
   "compilerOptions": {
     "baseUrl": ".",
+    "noImplicitAny": false,
     "paths": {
       "@/*": ["./src/*"]
     }
diff --git a/e2e/e2e-app/output/vue/packages/_vue2/vite.config.ts b/e2e/e2e-app/output/vue/packages/_vue2/vite.config.ts
index f417f3aed6..2f7a09122f 100644
--- a/e2e/e2e-app/output/vue/packages/_vue2/vite.config.ts
+++ b/e2e/e2e-app/output/vue/packages/_vue2/vite.config.ts
@@ -1,14 +1,11 @@
+import vue from '@vitejs/plugin-vue2';
 import { resolve } from 'path';
 import { defineConfig } from 'vite';
-import vue from '@vitejs/plugin-vue2';
 import dts from 'vite-plugin-dts';
 
 // https://vitejs.dev/config/
 export default defineConfig({
-  plugins: [
-    vue(),
-    dts({ insertTypesEntry: true }),
-  ],
+  plugins: [vue(), dts({ insertTypesEntry: true })],
   build: {
     lib: {
       entry: resolve(__dirname, 'src/index.ts'),
diff --git a/e2e/e2e-app/output/vue/packages/_vue3/package.json b/e2e/e2e-app/output/vue/packages/_vue3/package.json
index 0aee1b2029..91d1199104 100644
--- a/e2e/e2e-app/output/vue/packages/_vue3/package.json
+++ b/e2e/e2e-app/output/vue/packages/_vue3/package.json
@@ -13,7 +13,7 @@
     "@types/node": "^16.11.47",
     "@vitejs/plugin-vue": "^3.0.1",
     "@vue/tsconfig": "^0.1.3",
-    "typescript": "^4",
+    "typescript": "^5.3.2",
     "vite": "^3.2.2",
     "vite-plugin-dts": "^1.5.0",
     "vue-tsc": "^0.39.5"
diff --git a/e2e/e2e-app/output/vue/packages/_vue3/project.json b/e2e/e2e-app/output/vue/packages/_vue3/project.json
index 8c30f49971..78e34a0414 100644
--- a/e2e/e2e-app/output/vue/packages/_vue3/project.json
+++ b/e2e/e2e-app/output/vue/packages/_vue3/project.json
@@ -1,6 +1,4 @@
 {
   "name": "@e2e-app/vue-3",
-  "implicitDependencies": [
-    "@builder.io/e2e-app"
-  ]
+  "implicitDependencies": ["@builder.io/e2e-app"]
 }
diff --git a/e2e/e2e-app/output/vue/packages/_vue3/tsconfig.config.json b/e2e/e2e-app/output/vue/packages/_vue3/tsconfig.config.json
index c2d3a309ef..62614f8efc 100644
--- a/e2e/e2e-app/output/vue/packages/_vue3/tsconfig.config.json
+++ b/e2e/e2e-app/output/vue/packages/_vue3/tsconfig.config.json
@@ -3,6 +3,7 @@
   "include": ["vite.config.*", "vitest.config.*", "cypress.config.*"],
   "compilerOptions": {
     "composite": true,
+    "noImplicitAny": false,
     "types": ["node"]
   }
 }
diff --git a/e2e/e2e-app/output/vue/packages/_vue3/tsconfig.json b/e2e/e2e-app/output/vue/packages/_vue3/tsconfig.json
index 8d2359999e..e12a5acde8 100644
--- a/e2e/e2e-app/output/vue/packages/_vue3/tsconfig.json
+++ b/e2e/e2e-app/output/vue/packages/_vue3/tsconfig.json
@@ -2,6 +2,7 @@
   "extends": "@vue/tsconfig/tsconfig.web.json",
   "include": ["env.d.ts", "src/**/*", "src/**/*.vue"],
   "compilerOptions": {
+    "noImplicitAny": false,
     "baseUrl": ".",
     "paths": {
       "@/*": ["./src/*"]
diff --git a/e2e/e2e-app/output/vue/packages/_vue3/vite.config.ts b/e2e/e2e-app/output/vue/packages/_vue3/vite.config.ts
index e8c361862a..e237936f91 100644
--- a/e2e/e2e-app/output/vue/packages/_vue3/vite.config.ts
+++ b/e2e/e2e-app/output/vue/packages/_vue3/vite.config.ts
@@ -1,6 +1,6 @@
+import vue from '@vitejs/plugin-vue';
 import { resolve } from 'path';
 import { defineConfig } from 'vite';
-import vue from '@vitejs/plugin-vue';
 import dts from 'vite-plugin-dts';
 
 // https://vitejs.dev/config/
diff --git a/e2e/e2e-app/output/vue/project.json b/e2e/e2e-app/output/vue/project.json
index 4c84f2089e..8e02435b7a 100644
--- a/e2e/e2e-app/output/vue/project.json
+++ b/e2e/e2e-app/output/vue/project.json
@@ -1,7 +1,4 @@
 {
   "name": "@e2e-app/vue",
-  "implicitDependencies": [
-    "@e2e-app/vue-2",
-    "@e2e-app/vue-3"
-  ]
+  "implicitDependencies": ["@e2e-app/vue-2", "@e2e-app/vue-3"]
 }
diff --git a/e2e/e2e-app/package.json b/e2e/e2e-app/package.json
index 5ee0616924..7175aaeb74 100644
--- a/e2e/e2e-app/package.json
+++ b/e2e/e2e-app/package.json
@@ -26,7 +26,7 @@
     "solid-styled-components": "^0.28.4",
     "sync-directory": "^5.1.7",
     "ts-node": "^10.9.1",
-    "typescript": "^4.8.4",
+    "typescript": "^5.3.2",
     "vue": "~2.6"
   },
   "peerDependencies": {
diff --git a/e2e/e2e-app/results.json b/e2e/e2e-app/results.json
index ca0267e011..5c40b826f8 100644
--- a/e2e/e2e-app/results.json
+++ b/e2e/e2e-app/results.json
@@ -18,17 +18,12 @@
         "name": "chromium",
         "testDir": "/Users/kcordes/projects/Qwik/mitosis/e2e/e2e-app/tests",
         "testIgnore": [],
-        "testMatch": [
-          "**/?(*.)@(spec|test).*"
-        ],
+        "testMatch": ["**/?(*.)@(spec|test).*"],
         "timeout": 20000
       }
     ],
     "reporter": [
-      [
-        "list",
-        null
-      ],
+      ["list", null],
       [
         "html",
         {
@@ -367,4 +362,4 @@
     }
   ],
   "errors": []
-}
\ No newline at end of file
+}
diff --git a/e2e/e2e-app/src/show-for-component/components/MyComponent.lite.tsx b/e2e/e2e-app/src/show-for-component/components/MyComponent.lite.tsx
index d7c12a2b71..0a4b4d81d0 100644
--- a/e2e/e2e-app/src/show-for-component/components/MyComponent.lite.tsx
+++ b/e2e/e2e-app/src/show-for-component/components/MyComponent.lite.tsx
@@ -1,24 +1,19 @@
-import { useStore, Show, For } from "@builder.io/mitosis";
+import { For, Show, useStore } from '@builder.io/mitosis';
 
 export default function MyComponent() {
   const state = useStore({
-    numbers : [1,2,3],
-    vowels : ['a', 'e', 'i', 'o', 'u']
-  })
+    numbers: [1, 2, 3],
+    vowels: ['a', 'e', 'i', 'o', 'u'],
+  });
 
   return (
     <div>
-      <Show when={state.numbers}
-        else = {
-            <For each = {state.vowels}>
-              {(vowel) => <h1>vowel :{vowel}</h1>}
-            </For>
-        }
+      <Show
+        when={state.numbers}
+        else={<For each={state.vowels}>{(vowel) => <h1>vowel :{vowel}</h1>}</For>}
       >
-        <For each={state.numbers}>
-          {(number) => <h1>number :{number}</h1>}
-        </For>
+        <For each={state.numbers}>{(number) => <h1>number :{number}</h1>}</For>
       </Show>
     </div>
   );
-}
\ No newline at end of file
+}
diff --git a/e2e/e2e-app/src/show-for-component/index.ts b/e2e/e2e-app/src/show-for-component/index.ts
index 47b9301e1e..f445e0fded 100644
--- a/e2e/e2e-app/src/show-for-component/index.ts
+++ b/e2e/e2e-app/src/show-for-component/index.ts
@@ -1 +1 @@
-export {default} from './components/MyComponent.lite';
\ No newline at end of file
+export { default } from './components/MyComponent.lite';
diff --git a/e2e/e2e-app/src/two-components/components/my-component.lite.tsx b/e2e/e2e-app/src/two-components/components/my-component.lite.tsx
index 5e60e4066e..08d1236458 100644
--- a/e2e/e2e-app/src/two-components/components/my-component.lite.tsx
+++ b/e2e/e2e-app/src/two-components/components/my-component.lite.tsx
@@ -1,4 +1,4 @@
-import { useStore, useMetadata } from '@builder.io/mitosis';
+import { useMetadata, useStore } from '@builder.io/mitosis';
 
 import ItemList from './item-list.lite';
 
diff --git a/e2e/e2e-app/tsconfig.json b/e2e/e2e-app/tsconfig.json
index 9ec5bc5aec..4fa9815e35 100644
--- a/e2e/e2e-app/tsconfig.json
+++ b/e2e/e2e-app/tsconfig.json
@@ -12,9 +12,5 @@
     "declaration": true,
     "allowJs": true
   },
-  "include": [
-    "src",
-    "tests",
-    "./playwright.config.ts"
-  ]
-}
\ No newline at end of file
+  "include": ["src", "tests", "./playwright.config.ts"]
+}
diff --git a/e2e/e2e-qwikcity/package.json b/e2e/e2e-qwikcity/package.json
index 77e9972e19..8f45a4de50 100644
--- a/e2e/e2e-qwikcity/package.json
+++ b/e2e/e2e-qwikcity/package.json
@@ -25,13 +25,13 @@
     "@types/eslint": "8.21.1",
     "@types/node": "^18.14.0",
     "@types/node-fetch": "latest",
-    "@typescript-eslint/eslint-plugin": "5.54.0",
-    "@typescript-eslint/parser": "5.54.0",
+    "@typescript-eslint/eslint-plugin": "^6.13.1",
+    "@typescript-eslint/parser": "^6.13.1",
     "eslint": "8.35.0",
     "eslint-plugin-qwik": "0.21.0",
     "node-fetch": "3.3.0",
     "prettier": "2.8.4",
-    "typescript": "4.9.5",
+    "typescript": "^5.3.2",
     "undici": "5.20.0",
     "vite": "4.1.4",
     "vite-tsconfig-paths": "3.5.0"
diff --git a/e2e/e2e-qwikcity/src/entry.preview.tsx b/e2e/e2e-qwikcity/src/entry.preview.tsx
index 4c0628defd..a4f8f99e3e 100644
--- a/e2e/e2e-qwikcity/src/entry.preview.tsx
+++ b/e2e/e2e-qwikcity/src/entry.preview.tsx
@@ -11,8 +11,8 @@
  *
  */
 import { createQwikCity } from '@builder.io/qwik-city/middleware/node';
-import render from './entry.ssr';
 import qwikCityPlan from '@qwik-city-plan';
+import render from './entry.ssr';
 
 /**
  * The default export is the QwikCity adapter used by Vite preview.
diff --git a/e2e/e2e-qwikcity/src/routes/[...index]/index.tsx b/e2e/e2e-qwikcity/src/routes/[...index]/index.tsx
index 6c0b71d5fb..3d8753cdce 100644
--- a/e2e/e2e-qwikcity/src/routes/[...index]/index.tsx
+++ b/e2e/e2e-qwikcity/src/routes/[...index]/index.tsx
@@ -1,6 +1,6 @@
+import { E2eApp } from '@builder.io/e2e-app-qwik';
 import { component$ } from '@builder.io/qwik';
 import { useLocation } from '@builder.io/qwik-city';
-import { E2eApp } from '@builder.io/e2e-app-qwik';
 
 export interface MainProps {
   url: string;
diff --git a/e2e/e2e-qwikcity/vite.config.ts b/e2e/e2e-qwikcity/vite.config.ts
index f072aa7a35..2cce3c07c0 100644
--- a/e2e/e2e-qwikcity/vite.config.ts
+++ b/e2e/e2e-qwikcity/vite.config.ts
@@ -1,6 +1,6 @@
-import { defineConfig } from 'vite';
-import { qwikVite } from '@builder.io/qwik/optimizer';
 import { qwikCity } from '@builder.io/qwik-city/vite';
+import { qwikVite } from '@builder.io/qwik/optimizer';
+import { defineConfig } from 'vite';
 import tsconfigPaths from 'vite-tsconfig-paths';
 
 export default defineConfig(() => {
diff --git a/e2e/e2e-react/package.json b/e2e/e2e-react/package.json
index aed7037ef9..f504eb8343 100644
--- a/e2e/e2e-react/package.json
+++ b/e2e/e2e-react/package.json
@@ -17,7 +17,7 @@
     "@types/react-dom": "^18.0.5",
     "@vitejs/plugin-react": "^1.3.0",
     "rimraf": "^3.0.2",
-    "typescript": "^4.8.4",
+    "typescript": "^5.3.2",
     "vite": "^3.2.2"
   }
 }
diff --git a/e2e/e2e-react/vite.config.ts b/e2e/e2e-react/vite.config.ts
index 627a319624..4e7004ebc6 100644
--- a/e2e/e2e-react/vite.config.ts
+++ b/e2e/e2e-react/vite.config.ts
@@ -1,5 +1,5 @@
-import { defineConfig } from 'vite';
 import react from '@vitejs/plugin-react';
+import { defineConfig } from 'vite';
 
 // https://vitejs.dev/config/
 export default defineConfig({
diff --git a/e2e/e2e-solid/package.json b/e2e/e2e-solid/package.json
index b8f88d8ecd..1b64908ec2 100644
--- a/e2e/e2e-solid/package.json
+++ b/e2e/e2e-solid/package.json
@@ -14,7 +14,7 @@
   },
   "devDependencies": {
     "rimraf": "^3.0.2",
-    "typescript": "^4.8.4",
+    "typescript": "^5.3.2",
     "vite": "^3.2.2",
     "vite-plugin-solid": "^2.2.6"
   }
diff --git a/e2e/e2e-svelte/package.json b/e2e/e2e-svelte/package.json
index 9bd0aa169c..f8b985d8c9 100644
--- a/e2e/e2e-svelte/package.json
+++ b/e2e/e2e-svelte/package.json
@@ -19,7 +19,7 @@
     "svelte-check": "^2.8.0",
     "svelte-preprocess": "^5.0.3",
     "tslib": "^2.4.0",
-    "typescript": "^4.8.4",
+    "typescript": "^5.3.2",
     "vite": "^3.2.2"
   }
 }
diff --git a/e2e/e2e-svelte/tsconfig.json b/e2e/e2e-svelte/tsconfig.json
index 2d9cb09e91..96bfd81aaf 100644
--- a/e2e/e2e-svelte/tsconfig.json
+++ b/e2e/e2e-svelte/tsconfig.json
@@ -16,11 +16,6 @@
     "checkJs": true,
     "isolatedModules": true
   },
-  "include": [
-    "src/**/*.d.ts",
-    "src/**/*.ts",
-    "src/**/*.js",
-    "src/**/*.svelte"
-  ],
+  "include": ["src/**/*.d.ts", "src/**/*.ts", "src/**/*.js", "src/**/*.svelte"],
   "references": [{ "path": "./tsconfig.node.json" }]
 }
diff --git a/e2e/e2e-svelte/vite.config.ts b/e2e/e2e-svelte/vite.config.ts
index e3a889ffcf..60f9a138dc 100644
--- a/e2e/e2e-svelte/vite.config.ts
+++ b/e2e/e2e-svelte/vite.config.ts
@@ -1,5 +1,5 @@
-import { defineConfig } from 'vite';
 import { svelte } from '@sveltejs/vite-plugin-svelte';
+import { defineConfig } from 'vite';
 
 // https://vitejs.dev/config/
 export default defineConfig({
diff --git a/e2e/e2e-vue2/package.json b/e2e/e2e-vue2/package.json
index 05b8813686..0e4011794b 100644
--- a/e2e/e2e-vue2/package.json
+++ b/e2e/e2e-vue2/package.json
@@ -15,7 +15,7 @@
   },
   "devDependencies": {
     "@vitejs/plugin-vue2": "^1.1.2",
-    "typescript": "^4",
+    "typescript": "^5.3.2",
     "unplugin-vue-components": "^0.22.7",
     "vite": "^3.2.2",
     "vue-template-compiler": "^2.7.8"
diff --git a/e2e/e2e-vue2/tsconfig.json b/e2e/e2e-vue2/tsconfig.json
index 4200f791ce..2f115ae215 100644
--- a/e2e/e2e-vue2/tsconfig.json
+++ b/e2e/e2e-vue2/tsconfig.json
@@ -18,11 +18,6 @@
     },
     "lib": ["esnext", "dom", "dom.iterable", "scripthost"]
   },
-  "include": [
-    "src/**/*.ts",
-    "src/**/*.d.ts",
-    "src/**/*.tsx",
-    "src/**/*.vue"
-  ],
+  "include": ["src/**/*.ts", "src/**/*.d.ts", "src/**/*.tsx", "src/**/*.vue"],
   "exclude": ["node_modules", "**/*.lite.tsx"]
 }
diff --git a/e2e/e2e-vue2/vite.config.ts b/e2e/e2e-vue2/vite.config.ts
index 9a7360864b..6a000e9960 100644
--- a/e2e/e2e-vue2/vite.config.ts
+++ b/e2e/e2e-vue2/vite.config.ts
@@ -1,5 +1,5 @@
-import { defineConfig } from 'vite';
 import vue from '@vitejs/plugin-vue2';
+import { defineConfig } from 'vite';
 
 const config = defineConfig({
   plugins: [vue()],
diff --git a/e2e/e2e-vue3/package.json b/e2e/e2e-vue3/package.json
index 2cf106817d..050d762122 100644
--- a/e2e/e2e-vue3/package.json
+++ b/e2e/e2e-vue3/package.json
@@ -13,8 +13,8 @@
   "devDependencies": {
     "@vitejs/plugin-vue": "^2.3.3",
     "@vue/devtools": "^6.5.0",
-    "typescript": "^4.8.4",
+    "typescript": "^5.3.2",
     "vite": "^3.2.2",
-    "vue-tsc": "^0.38.2"
+    "vue-tsc": "^1.8.22"
   }
 }
diff --git a/e2e/e2e-vue3/vite.config.ts b/e2e/e2e-vue3/vite.config.ts
index 0adf2b498a..ef50c8d167 100644
--- a/e2e/e2e-vue3/vite.config.ts
+++ b/e2e/e2e-vue3/vite.config.ts
@@ -1,5 +1,5 @@
-import { defineConfig } from 'vite';
 import vue from '@vitejs/plugin-vue';
+import { defineConfig } from 'vite';
 
 export default defineConfig({
   plugins: [vue()],
diff --git a/examples/basic/package.json b/examples/basic/package.json
index 1b237d07e1..465559e1c8 100644
--- a/examples/basic/package.json
+++ b/examples/basic/package.json
@@ -14,11 +14,11 @@
   "devDependencies": {
     "@builder.io/eslint-plugin-mitosis": "workspace:*",
     "@types/node-fetch": "^2.5.12",
-    "@typescript-eslint/eslint-plugin": "^5.27.1",
-    "@typescript-eslint/parser": "^5.27.1",
+    "@typescript-eslint/eslint-plugin": "^6.13.1",
+    "@typescript-eslint/parser": "^6.13.1",
     "eslint": "^8.17.0",
     "prettier": "^2.5.0",
-    "typescript": "^4.8.4",
+    "typescript": "^5.3.2",
     "watch": "^1.0.2"
   }
 }
diff --git a/examples/talk/apps/output/svelte/package.json b/examples/talk/apps/output/svelte/package.json
index 27f003f3c4..5290889039 100644
--- a/examples/talk/apps/output/svelte/package.json
+++ b/examples/talk/apps/output/svelte/package.json
@@ -34,7 +34,7 @@
     "svelte-check": "^2.7.1",
     "svelte-preprocess": "^5.0.3",
     "tslib": "^2.3.1",
-    "typescript": "^4",
+    "typescript": "^5.3.2",
     "vite": "^3.2.2"
   }
 }
diff --git a/examples/talk/react-server/package.json b/examples/talk/react-server/package.json
index c259b6b604..705c91d38a 100644
--- a/examples/talk/react-server/package.json
+++ b/examples/talk/react-server/package.json
@@ -17,7 +17,7 @@
     "@types/react-dom": "^18.0.5",
     "@vitejs/plugin-react": "^1.3.0",
     "rimraf": "^3.0.2",
-    "typescript": "^4.8.4",
+    "typescript": "^5.3.2",
     "vite": "^3.2.2"
   }
 }
diff --git a/examples/talk/svelte-server/package.json b/examples/talk/svelte-server/package.json
index 2d036c8f55..fb8ef08515 100644
--- a/examples/talk/svelte-server/package.json
+++ b/examples/talk/svelte-server/package.json
@@ -19,7 +19,7 @@
     "svelte-check": "^2.8.0",
     "svelte-preprocess": "^5.0.3",
     "tslib": "^2.4.0",
-    "typescript": "^4.8.4",
+    "typescript": "^5.3.2",
     "vite": "^3.2.2"
   }
 }
diff --git a/package.json b/package.json
index 29f6fde0b2..ba33ecf5e4 100644
--- a/package.json
+++ b/package.json
@@ -33,7 +33,7 @@
     "lint:eslint": "eslint --cache 'packages/**/*.ts{,x}'",
     "lint:prettier": "yarn run prettier --check",
     "prerelease": "yarn build",
-    "prettier": "prettier --cache --loglevel warn '{packages,docs}/**/*.{js,jsx,ts,tsx,json,md,html}'",
+    "prettier": "prettier --cache --loglevel warn '{packages,docs,e2e}/**/*.{js,jsx,ts,tsx,json,md,html}'",
     "release:dev": "cd packages/core && yarn run release:dev && cd ../cli && yarn run release:dev && cd ../eslint-plugin && yarn run release:dev",
     "release:patch": "cd packages/core && yarn run release:patch && cd ../cli && yarn run release:patch && cd ../eslint-plugin && yarn run release:patch"
   },
@@ -44,8 +44,8 @@
   "devDependencies": {
     "@babel/preset-env": "^7.6.0",
     "@nrwl/nx-cloud": "15.0.2",
-    "@typescript-eslint/eslint-plugin": "^5.27.1",
-    "@typescript-eslint/parser": "^5.27.1",
+    "@typescript-eslint/eslint-plugin": "^6.13.1",
+    "@typescript-eslint/parser": "^6.13.1",
     "commitizen": "^3.0.2",
     "esbuild": "0.14.25",
     "esbuild-register": "3.3.2",
@@ -57,7 +57,7 @@
     "nx": "15.4.5",
     "prettier": "^2.3.2",
     "prettier-plugin-organize-imports": "^3.2.2",
-    "typescript": "^4.8.4"
+    "typescript": "^5.3.2"
   },
   "packageManager": "yarn@3.2.0",
   "dependencies": {
diff --git a/packages/cli/package.json b/packages/cli/package.json
index 4b01db7748..4d26401ef1 100644
--- a/packages/cli/package.json
+++ b/packages/cli/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@builder.io/mitosis-cli",
-  "version": "0.0.93",
+  "version": "0.0.95",
   "description": "mitosis CLI",
   "types": "build/types/types.d.ts",
   "bin": {
@@ -60,7 +60,7 @@
     "concurrently": "^8.2.2",
     "ts-node": "^8.4.1",
     "tsc-alias": "^1.8.8",
-    "typescript": "^4.8.4",
+    "typescript": "^5.3.2",
     "vite": "^3.2.2",
     "vitest": "^0.34.6"
   }
diff --git a/packages/cli/src/build/build.ts b/packages/cli/src/build/build.ts
index 620c897ec7..e8e379413c 100644
--- a/packages/cli/src/build/build.ts
+++ b/packages/cli/src/build/build.ts
@@ -28,6 +28,7 @@ import {
   MitosisComponent,
   MitosisConfig,
   parseJsx,
+  ParseMitosisOptions,
   parseSvelte,
   removeMitosisImport,
   renameComponentFile,
@@ -36,12 +37,11 @@ import {
 } from '@builder.io/mitosis';
 import debug from 'debug';
 import { flow, pipe } from 'fp-ts/lib/function';
-import { outputFile, pathExists, readFile, remove } from 'fs-extra';
+import { outputFile, pathExists, pathExistsSync, readFile, remove } from 'fs-extra';
 import { kebabCase } from 'lodash';
 import { fastClone } from '../helpers/fast-clone';
 import { generateContextFile } from './helpers/context';
 import { getFiles } from './helpers/files';
-import { checkIsDefined } from './helpers/nullable';
 import { getOverrideFile } from './helpers/overrides';
 import { transformImports, transpile, transpileIfNecessary } from './helpers/transpile';
 
@@ -62,16 +62,17 @@ const getTargetPath = ({ target }: { target: Target }): string => {
   }
 };
 
-const DEFAULT_CONFIG: Partial<MitosisConfig> = {
+const DEFAULT_CONFIG = {
   targets: [],
   dest: 'output',
   files: 'src/*',
   overridesDir: 'overrides',
   getTargetPath,
-};
+  options: {},
+} satisfies Partial<MitosisConfig>;
 
 const getOptions = (config?: MitosisConfig): MitosisConfig => {
-  const newConfig = {
+  const newConfig: MitosisConfig = {
     ...DEFAULT_CONFIG,
     ...config,
     options: {
@@ -80,11 +81,19 @@ const getOptions = (config?: MitosisConfig): MitosisConfig => {
     },
   };
 
-  if (checkIsDefined(newConfig.commonOptions?.typescript)) {
-    for (const target of newConfig.targets) {
-      if (!checkIsDefined(newConfig.options[target]?.typescript)) {
-        newConfig.options[target].typescript = newConfig.commonOptions.typescript;
-      }
+  /**
+   * Apply common options to all targets
+   */
+  if (newConfig.commonOptions) {
+    for (const target of newConfig.targets || []) {
+      newConfig.options[target] = {
+        ...newConfig.commonOptions,
+        ...newConfig.options[target],
+        plugins: [
+          ...(newConfig.commonOptions?.plugins || []),
+          ...(newConfig.options[target]?.plugins || []),
+        ],
+      } as any;
     }
   }
 
@@ -103,7 +112,7 @@ async function clean(options: MitosisConfig, target: Target) {
         ? getNonComponentOutputFileName({ target, path, options })
         : undefined,
     )
-    .filter(Boolean);
+    .filter((x): x is string => Boolean(x));
 
   await Promise.all(
     oldFiles.map(async (oldFile) => {
@@ -161,16 +170,17 @@ const parseJsxComponent = async ({
   options: MitosisConfig;
   path: string;
   file: string;
-  tsProject: Parameters<typeof parseJsx>[1]['tsProject'];
+  tsProject: ParseMitosisOptions['tsProject'];
 }) => {
   const requiredParses = getRequiredParsers(options);
   let typescriptMitosisJson: ParsedMitosisJson['typescriptMitosisJson'];
   let javascriptMitosisJson: ParsedMitosisJson['javascriptMitosisJson'];
 
-  const jsxArgs: Parameters<typeof parseJsx>[1] = {
+  const jsxArgs: ParseMitosisOptions = {
     ...options.parserOptions?.jsx,
     tsProject,
     filePath: path,
+    typescript: false,
   };
   if (requiredParses.typescript && requiredParses.javascript) {
     typescriptMitosisJson = options.parser
@@ -212,13 +222,13 @@ const parseSvelteComponent = async ({ path, file }: { path: string; file: string
 const findTsConfigFile = (options: MitosisConfig) => {
   const optionPath = options.parserOptions?.jsx?.tsConfigFilePath;
 
-  if (optionPath && pathExists(optionPath)) {
+  if (optionPath && pathExistsSync(optionPath)) {
     return optionPath;
   }
 
   const defaultPath = [cwd, 'tsconfig.json'].join('/');
 
-  if (pathExists(defaultPath)) {
+  if (pathExistsSync(defaultPath)) {
     return defaultPath;
   }
 
@@ -253,7 +263,7 @@ const getMitosisComponentJSONs = async (options: MitosisConfig): Promise<ParsedM
 
 interface TargetContext {
   target: Target;
-  generator: TranspilerGenerator<MitosisConfig['options'][Target]>;
+  generator: TranspilerGenerator<Required<MitosisConfig['options']>[Target]>;
   outputPath: string;
 }
 
@@ -265,7 +275,7 @@ const getTargetContexts = (options: MitosisConfig) =>
   options.targets.map(
     (target): TargetContext => ({
       target,
-      generator: getGeneratorForTarget({ target }),
+      generator: getGeneratorForTarget({ target }) as any,
       outputPath: options.getTargetPath({ target }),
     }),
   );
@@ -306,7 +316,7 @@ export async function build(config?: MitosisConfig) {
   console.info('Mitosis: generation completed.');
 }
 
-const getGeneratorForTarget = ({ target }: { target: Target }): TargetContext['generator'] => {
+const getGeneratorForTarget = ({ target }: { target: Target }) => {
   switch (target) {
     case 'alpine':
       return componentToAlpine;
@@ -457,7 +467,7 @@ async function buildContextFile({
   options,
   path,
 }: TargetContextWithConfig & { path: string }) {
-  let output = await generateContextFile({ path, options, target });
+  let output = (await generateContextFile({ path, options, target })) || '';
 
   // transpile to JS if necessary
   if (!checkShouldOutputTypeScript({ target, options })) {
diff --git a/packages/cli/src/build/helpers/context.ts b/packages/cli/src/build/helpers/context.ts
index dc15c8f672..4645203175 100644
--- a/packages/cli/src/build/helpers/context.ts
+++ b/packages/cli/src/build/helpers/context.ts
@@ -29,11 +29,11 @@ export const generateContextFile = async ({
   } else {
     switch (target) {
       case 'svelte':
-        return contextToSvelte(options.options.svelte)({ context });
+        return contextToSvelte(options.options.svelte || {})({ context });
       case 'vue':
       case 'vue2':
       case 'vue3':
-        return contextToVue(options.options[target])({ context });
+        return contextToVue(options.options[target] || {})({ context });
       case 'solid':
         return contextToSolid()({ context });
       case 'preact':
diff --git a/packages/cli/src/build/helpers/files.ts b/packages/cli/src/build/helpers/files.ts
index 744b9586f2..26c80486e8 100644
--- a/packages/cli/src/build/helpers/files.ts
+++ b/packages/cli/src/build/helpers/files.ts
@@ -8,8 +8,8 @@ export const getFiles = ({
   files,
   exclude,
 }: {
-  files: string | string[];
+  files: string | string[] | undefined;
   exclude: string[] | undefined;
 }): string[] => {
-  return glob.sync(files, { ignore: exclude, onlyFiles: true, cwd: process.cwd() });
+  return files ? glob.sync(files, { ignore: exclude, onlyFiles: true, cwd: process.cwd() }) : [];
 };
diff --git a/packages/cli/src/build/helpers/transpile.ts b/packages/cli/src/build/helpers/transpile.ts
index ca23e23fe1..f3a37eea1d 100644
--- a/packages/cli/src/build/helpers/transpile.ts
+++ b/packages/cli/src/build/helpers/transpile.ts
@@ -24,7 +24,11 @@ export const transformImports =
     code = code.replace(/\.context\.lite(.js|.ts)?(['"])/g, `.context.js$2`);
 
     // afterwards, we replace all component imports with the correct file extension
-    return renameImport({ importPath: code, target: target });
+    return renameImport({
+      importPath: code,
+      target: target,
+      explicitImportFileExtension: options.options?.[target]?.explicitImportFileExtension || false,
+    });
   };
 
 /**
diff --git a/packages/cli/tsconfig.json b/packages/cli/tsconfig.json
index dc2b4e573b..9cef6c8c38 100644
--- a/packages/cli/tsconfig.json
+++ b/packages/cli/tsconfig.json
@@ -6,7 +6,8 @@
     "sourceMap": false,
     "inlineSourceMap": true,
     "outDir": "dist",
-    "strict": false,
+    "strict": true,
+    "noImplicitAny": false,
     "target": "es5",
     "declaration": true,
     "declarationDir": "dist/types",
diff --git a/packages/core/package.json b/packages/core/package.json
index 3a4ce24269..2d6d196d17 100644
--- a/packages/core/package.json
+++ b/packages/core/package.json
@@ -22,7 +22,7 @@
     "name": "Builder.io",
     "url": "https://www.builder.io"
   },
-  "version": "0.0.134",
+  "version": "0.0.136",
   "homepage": "https://github.com/BuilderIO/mitosis",
   "main": "./dist/src/index.js",
   "exports": {
@@ -82,7 +82,7 @@
     "svelte-preprocess": "^5.0.3",
     "traverse": "^0.6.6",
     "ts-morph": "^19.0.0",
-    "typescript": "^4.8.4",
+    "typescript": "^5.3.2",
     "vue": "~2.6"
   },
   "devDependencies": {
@@ -114,7 +114,7 @@
     "sugarss": "^4.0.1",
     "ts-node": "^9.1.1",
     "tsc-alias": "^1.8.8",
-    "typescript": "^4.8.4",
+    "typescript": "^5.3.2",
     "universalify": "^2.0.0",
     "vite": "^4.5.0",
     "vite-tsconfig-paths": "^3.5.0",
diff --git a/packages/core/src/__tests__/__snapshots__/angular.import.test.ts.snap b/packages/core/src/__tests__/__snapshots__/angular.import.test.ts.snap
index 9b638b37c0..e0a9d3bb58 100644
--- a/packages/core/src/__tests__/__snapshots__/angular.import.test.ts.snap
+++ b/packages/core/src/__tests__/__snapshots__/angular.import.test.ts.snap
@@ -167,7 +167,7 @@ import { CommonModule } from \\"@angular/common\\";
 
 import { Component } from \\"@angular/core\\";
 
-import { createInjector, Injector, MyService } from \\"@dummy/injection-js\\";
+import { Injector, MyService, createInjector } from \\"@dummy/injection-js\\";
 
 @Component({
   selector: \\"my-basic-component, MyBasicComponent\\",
@@ -4440,7 +4440,7 @@ import { CommonModule } from \\"@angular/common\\";
 
 import { Component } from \\"@angular/core\\";
 
-import { createInjector, Injector, MyService } from \\"@dummy/injection-js\\";
+import { Injector, MyService, createInjector } from \\"@dummy/injection-js\\";
 
 @Component({
   selector: \\"my-basic-component, MyBasicComponent\\",
@@ -5347,7 +5347,7 @@ export interface FormProps {
 }
 export type FormState = \\"unsubmitted\\" | \\"sending\\" | \\"success\\" | \\"error\\";
 
-import { Builder, builder, BuilderElement } from \\"@builder.io/sdk\\";
+import { Builder, BuilderElement, builder } from \\"@builder.io/sdk\\";
 import {
   BuilderBlock as BuilderBlockComponent,
   BuilderBlocks,
diff --git a/packages/core/src/__tests__/__snapshots__/angular.mapper.test.ts.snap b/packages/core/src/__tests__/__snapshots__/angular.mapper.test.ts.snap
index 82a198f194..9b45fd388a 100644
--- a/packages/core/src/__tests__/__snapshots__/angular.mapper.test.ts.snap
+++ b/packages/core/src/__tests__/__snapshots__/angular.mapper.test.ts.snap
@@ -170,7 +170,7 @@ import { CommonModule } from \\"@angular/common\\";
 
 import { Component } from \\"@angular/core\\";
 
-import { createInjector, Injector, MyService } from \\"@dummy/injection-js\\";
+import { Injector, MyService, createInjector } from \\"@dummy/injection-js\\";
 
 @Component({
   selector: \\"my-basic-component, MyBasicComponent\\",
@@ -4541,7 +4541,7 @@ import { CommonModule } from \\"@angular/common\\";
 
 import { Component } from \\"@angular/core\\";
 
-import { createInjector, Injector, MyService } from \\"@dummy/injection-js\\";
+import { Injector, MyService, createInjector } from \\"@dummy/injection-js\\";
 
 @Component({
   selector: \\"my-basic-component, MyBasicComponent\\",
@@ -5465,7 +5465,7 @@ export interface FormProps {
 }
 export type FormState = \\"unsubmitted\\" | \\"sending\\" | \\"success\\" | \\"error\\";
 
-import { Builder, builder, BuilderElement } from \\"@builder.io/sdk\\";
+import { Builder, BuilderElement, builder } from \\"@builder.io/sdk\\";
 import {
   BuilderBlock as BuilderBlockComponentModule,
   BuilderBlocks,
diff --git a/packages/core/src/__tests__/__snapshots__/angular.test.ts.snap b/packages/core/src/__tests__/__snapshots__/angular.test.ts.snap
index 7b3eae63d5..94d0878829 100644
--- a/packages/core/src/__tests__/__snapshots__/angular.test.ts.snap
+++ b/packages/core/src/__tests__/__snapshots__/angular.test.ts.snap
@@ -307,7 +307,7 @@ import { CommonModule } from \\"@angular/common\\";
 
 import { Component } from \\"@angular/core\\";
 
-import { createInjector, Injector, MyService } from \\"@dummy/injection-js\\";
+import { Injector, MyService, createInjector } from \\"@dummy/injection-js\\";
 
 @Component({
   selector: \\"my-basic-component, MyBasicComponent\\",
@@ -351,7 +351,7 @@ exports[`Angular > jsx > Javascript Test > Basic Context 2`] = `
 "import { Component } from \\"@angular/core\\";
 import { CommonModule } from \\"@angular/common\\";
 
-import { createInjector, Injector, MyService } from \\"@dummy/injection-js\\";
+import { Injector, MyService, createInjector } from \\"@dummy/injection-js\\";
 
 @Component({
   selector: \\"my-basic-component, MyBasicComponent\\",
@@ -8148,7 +8148,7 @@ import { CommonModule } from \\"@angular/common\\";
 
 import { Component } from \\"@angular/core\\";
 
-import { createInjector, Injector, MyService } from \\"@dummy/injection-js\\";
+import { Injector, MyService, createInjector } from \\"@dummy/injection-js\\";
 
 @Component({
   selector: \\"my-basic-component, MyBasicComponent\\",
@@ -8192,7 +8192,7 @@ exports[`Angular > jsx > Typescript Test > Basic Context 2`] = `
 "import { Component } from \\"@angular/core\\";
 import { CommonModule } from \\"@angular/common\\";
 
-import { createInjector, Injector, MyService } from \\"@dummy/injection-js\\";
+import { Injector, MyService, createInjector } from \\"@dummy/injection-js\\";
 
 @Component({
   selector: \\"my-basic-component, MyBasicComponent\\",
@@ -9815,7 +9815,7 @@ export interface FormProps {
 }
 export type FormState = \\"unsubmitted\\" | \\"sending\\" | \\"success\\" | \\"error\\";
 
-import { Builder, builder, BuilderElement } from \\"@builder.io/sdk\\";
+import { Builder, BuilderElement, builder } from \\"@builder.io/sdk\\";
 import {
   BuilderBlock as BuilderBlockComponent,
   BuilderBlocks,
@@ -10176,7 +10176,7 @@ export interface FormProps {
 }
 export type FormState = \\"unsubmitted\\" | \\"sending\\" | \\"success\\" | \\"error\\";
 
-import { Builder, builder, BuilderElement } from \\"@builder.io/sdk\\";
+import { Builder, BuilderElement, builder } from \\"@builder.io/sdk\\";
 import {
   BuilderBlock as BuilderBlockComponent,
   BuilderBlocks,
diff --git a/packages/core/src/__tests__/__snapshots__/lit.test.ts.snap b/packages/core/src/__tests__/__snapshots__/lit.test.ts.snap
index 92aeabd5d8..3140f0226a 100644
--- a/packages/core/src/__tests__/__snapshots__/lit.test.ts.snap
+++ b/packages/core/src/__tests__/__snapshots__/lit.test.ts.snap
@@ -145,7 +145,7 @@ export default class MyBasicForShowComponent extends LitElement {
 `;
 
 exports[`Lit > jsx > Javascript Test > Basic Context 1`] = `
-"import { createInjector, Injector, MyService } from \\"@dummy/injection-js\\";
+"import { Injector, MyService, createInjector } from \\"@dummy/injection-js\\";
 
 import { LitElement, html, css } from \\"lit\\";
 import { customElement, property, state, query } from \\"lit/decorators.js\\";
@@ -4289,7 +4289,7 @@ export default class MyBasicForShowComponent extends LitElement {
 `;
 
 exports[`Lit > jsx > Typescript Test > Basic Context 1`] = `
-"import { createInjector, Injector, MyService } from \\"@dummy/injection-js\\";
+"import { Injector, MyService, createInjector } from \\"@dummy/injection-js\\";
 
 import { LitElement, html, css } from \\"lit\\";
 import { customElement, property, state, query } from \\"lit/decorators.js\\";
@@ -5145,7 +5145,7 @@ export default class CustomCode extends LitElement {
 `;
 
 exports[`Lit > jsx > Typescript Test > Form 1`] = `
-"import { Builder, builder, BuilderElement } from \\"@builder.io/sdk\\";
+"import { Builder, BuilderElement, builder } from \\"@builder.io/sdk\\";
 import {
   BuilderBlock as BuilderBlockComponent,
   BuilderBlocks,
diff --git a/packages/core/src/__tests__/__snapshots__/marko.test.ts.snap b/packages/core/src/__tests__/__snapshots__/marko.test.ts.snap
index 54eb26c427..bdf74033d7 100644
--- a/packages/core/src/__tests__/__snapshots__/marko.test.ts.snap
+++ b/packages/core/src/__tests__/__snapshots__/marko.test.ts.snap
@@ -168,7 +168,7 @@ exports[`Marko > jsx > Javascript Test > Basic 2`] = `
 `;
 
 exports[`Marko > jsx > Javascript Test > Basic Context 1`] = `
-"import { createInjector, Injector, MyService } from \\"@dummy/injection-js\\";
+"import { Injector, MyService, createInjector } from \\"@dummy/injection-js\\";
 
 class {
   onChange = function onChange() {
@@ -2536,7 +2536,7 @@ exports[`Marko > jsx > Typescript Test > Basic 2`] = `
 `;
 
 exports[`Marko > jsx > Typescript Test > Basic Context 1`] = `
-"import { createInjector, Injector, MyService } from \\"@dummy/injection-js\\";
+"import { Injector, MyService, createInjector } from \\"@dummy/injection-js\\";
 
 class {
   onChange = function onChange() {
@@ -3023,7 +3023,7 @@ exports[`Marko > jsx > Typescript Test > Embed 1`] = `
 `;
 
 exports[`Marko > jsx > Typescript Test > Form 1`] = `
-"import { Builder, builder, BuilderElement } from \\"@builder.io/sdk\\";
+"import { Builder, BuilderElement, builder } from \\"@builder.io/sdk\\";
 import {
   BuilderBlock as BuilderBlockComponent,
   BuilderBlocks,
diff --git a/packages/core/src/__tests__/__snapshots__/preact.test.ts.snap b/packages/core/src/__tests__/__snapshots__/preact.test.ts.snap
index 8bd72aaa23..5dcf30ff6e 100644
--- a/packages/core/src/__tests__/__snapshots__/preact.test.ts.snap
+++ b/packages/core/src/__tests__/__snapshots__/preact.test.ts.snap
@@ -110,7 +110,7 @@ exports[`Preact > jsx > Javascript Test > Basic Context 1`] = `
 "/** @jsx h */
 import { h, Fragment } from \\"preact\\";
 import { useState, useContext, useEffect } from \\"preact/hooks\\";
-import { createInjector, Injector, MyService } from \\"@dummy/injection-js\\";
+import { Injector, MyService, createInjector } from \\"@dummy/injection-js\\";
 
 function MyBasicComponent(props) {
   const [name, setName] = useState(() => \\"PatrickJS\\");
@@ -3426,7 +3426,7 @@ exports[`Preact > jsx > Typescript Test > Basic Context 1`] = `
 "/** @jsx h */
 import { h, Fragment } from \\"preact\\";
 import { useState, useContext, useEffect } from \\"preact/hooks\\";
-import { createInjector, Injector, MyService } from \\"@dummy/injection-js\\";
+import { Injector, MyService, createInjector } from \\"@dummy/injection-js\\";
 
 function MyBasicComponent(props: any) {
   const [name, setName] = useState(() => \\"PatrickJS\\");
@@ -4178,7 +4178,7 @@ export interface FormProps {
   errorMessagePath?: string;
 }
 export type FormState = \\"unsubmitted\\" | \\"sending\\" | \\"success\\" | \\"error\\";
-import { Builder, builder, BuilderElement } from \\"@builder.io/sdk\\";
+import { Builder, BuilderElement, builder } from \\"@builder.io/sdk\\";
 import {
   BuilderBlock as BuilderBlockComponent,
   BuilderBlocks,
diff --git a/packages/core/src/__tests__/__snapshots__/react-native.test.ts.snap b/packages/core/src/__tests__/__snapshots__/react-native.test.ts.snap
index 04da7fb547..921230750b 100644
--- a/packages/core/src/__tests__/__snapshots__/react-native.test.ts.snap
+++ b/packages/core/src/__tests__/__snapshots__/react-native.test.ts.snap
@@ -125,7 +125,7 @@ import {
   Text,
 } from \\"react-native\\";
 import { useState, useContext, useEffect } from \\"react\\";
-import { createInjector, Injector, MyService } from \\"@dummy/injection-js\\";
+import { Injector, MyService, createInjector } from \\"@dummy/injection-js\\";
 
 function MyBasicComponent(props) {
   const [name, setName] = useState(() => \\"PatrickJS\\");
@@ -4003,7 +4003,7 @@ import {
   Text,
 } from \\"react-native\\";
 import { useState, useContext, useEffect } from \\"react\\";
-import { createInjector, Injector, MyService } from \\"@dummy/injection-js\\";
+import { Injector, MyService, createInjector } from \\"@dummy/injection-js\\";
 
 function MyBasicComponent(props: any) {
   const [name, setName] = useState(() => \\"PatrickJS\\");
@@ -4845,7 +4845,7 @@ export interface FormProps {
   errorMessagePath?: string;
 }
 export type FormState = \\"unsubmitted\\" | \\"sending\\" | \\"success\\" | \\"error\\";
-import { Builder, builder, BuilderElement } from \\"@builder.io/sdk\\";
+import { Builder, BuilderElement, builder } from \\"@builder.io/sdk\\";
 import {
   BuilderBlock as BuilderBlockComponent,
   BuilderBlocks,
diff --git a/packages/core/src/__tests__/__snapshots__/react.test.ts.snap b/packages/core/src/__tests__/__snapshots__/react.test.ts.snap
index 6d86b4b2a9..b5cb3227e2 100644
--- a/packages/core/src/__tests__/__snapshots__/react.test.ts.snap
+++ b/packages/core/src/__tests__/__snapshots__/react.test.ts.snap
@@ -110,7 +110,7 @@ exports[`React > jsx > Javascript Test > Basic Context 1`] = `
 "\\"use client\\";
 import * as React from \\"react\\";
 import { useState, useContext, useEffect } from \\"react\\";
-import { createInjector, Injector, MyService } from \\"@dummy/injection-js\\";
+import { Injector, MyService, createInjector } from \\"@dummy/injection-js\\";
 
 function MyBasicComponent(props) {
   const [name, setName] = useState(() => \\"PatrickJS\\");
@@ -3380,7 +3380,7 @@ exports[`React > jsx > Typescript Test > Basic Context 1`] = `
 "\\"use client\\";
 import * as React from \\"react\\";
 import { useState, useContext, useEffect } from \\"react\\";
-import { createInjector, Injector, MyService } from \\"@dummy/injection-js\\";
+import { Injector, MyService, createInjector } from \\"@dummy/injection-js\\";
 
 function MyBasicComponent(props: any) {
   const [name, setName] = useState(() => \\"PatrickJS\\");
@@ -4127,7 +4127,7 @@ export interface FormProps {
   errorMessagePath?: string;
 }
 export type FormState = \\"unsubmitted\\" | \\"sending\\" | \\"success\\" | \\"error\\";
-import { Builder, builder, BuilderElement } from \\"@builder.io/sdk\\";
+import { Builder, BuilderElement, builder } from \\"@builder.io/sdk\\";
 import {
   BuilderBlock as BuilderBlockComponent,
   BuilderBlocks,
diff --git a/packages/core/src/__tests__/__snapshots__/rsc.test.ts.snap b/packages/core/src/__tests__/__snapshots__/rsc.test.ts.snap
index 5c4b7d299e..2c95aa1fae 100644
--- a/packages/core/src/__tests__/__snapshots__/rsc.test.ts.snap
+++ b/packages/core/src/__tests__/__snapshots__/rsc.test.ts.snap
@@ -110,7 +110,7 @@ exports[`RSC > jsx > Javascript Test > Basic Context 1`] = `
 "\\"use client\\";
 import * as React from \\"react\\";
 import { useState, useContext, useEffect } from \\"react\\";
-import { createInjector, Injector, MyService } from \\"@dummy/injection-js\\";
+import { Injector, MyService, createInjector } from \\"@dummy/injection-js\\";
 
 function MyBasicComponent(props) {
   const [name, setName] = useState(() => \\"PatrickJS\\");
@@ -3118,7 +3118,7 @@ exports[`RSC > jsx > Typescript Test > Basic Context 1`] = `
 "\\"use client\\";
 import * as React from \\"react\\";
 import { useState, useContext, useEffect } from \\"react\\";
-import { createInjector, Injector, MyService } from \\"@dummy/injection-js\\";
+import { Injector, MyService, createInjector } from \\"@dummy/injection-js\\";
 
 function MyBasicComponent(props: any) {
   const [name, setName] = useState(() => \\"PatrickJS\\");
@@ -3862,7 +3862,7 @@ export interface FormProps {
   errorMessagePath?: string;
 }
 export type FormState = \\"unsubmitted\\" | \\"sending\\" | \\"success\\" | \\"error\\";
-import { Builder, builder, BuilderElement } from \\"@builder.io/sdk\\";
+import { Builder, BuilderElement, builder } from \\"@builder.io/sdk\\";
 import {
   BuilderBlock as BuilderBlockComponent,
   BuilderBlocks,
diff --git a/packages/core/src/__tests__/__snapshots__/solid.test.ts.snap b/packages/core/src/__tests__/__snapshots__/solid.test.ts.snap
index f189fe0a1d..cc09103256 100644
--- a/packages/core/src/__tests__/__snapshots__/solid.test.ts.snap
+++ b/packages/core/src/__tests__/__snapshots__/solid.test.ts.snap
@@ -283,7 +283,7 @@ export default MyBasicForShowComponent;
 exports[`Solid > jsx > Javascript Test > Basic Context 1`] = `
 "import { useContext, onMount, createSignal } from \\"solid-js\\";
 
-import { createInjector, Injector, MyService } from \\"@dummy/injection-js\\";
+import { Injector, MyService, createInjector } from \\"@dummy/injection-js\\";
 
 function MyBasicComponent(props) {
   const [name, setName] = createSignal(\\"PatrickJS\\");
@@ -320,7 +320,7 @@ exports[`Solid > jsx > Javascript Test > Basic Context 2`] = `
 
 import { css } from \\"solid-styled-components\\";
 
-import { createInjector, Injector, MyService } from \\"@dummy/injection-js\\";
+import { Injector, MyService, createInjector } from \\"@dummy/injection-js\\";
 
 function MyBasicComponent(props) {
   const [name, setName] = createSignal(\\"PatrickJS\\");
@@ -6804,7 +6804,7 @@ export default MyBasicForShowComponent;
 exports[`Solid > jsx > Typescript Test > Basic Context 1`] = `
 "import { useContext, onMount, createSignal } from \\"solid-js\\";
 
-import { createInjector, Injector, MyService } from \\"@dummy/injection-js\\";
+import { Injector, MyService, createInjector } from \\"@dummy/injection-js\\";
 
 function MyBasicComponent(props: any) {
   const [name, setName] = createSignal(\\"PatrickJS\\");
@@ -6841,7 +6841,7 @@ exports[`Solid > jsx > Typescript Test > Basic Context 2`] = `
 
 import { css } from \\"solid-styled-components\\";
 
-import { createInjector, Injector, MyService } from \\"@dummy/injection-js\\";
+import { Injector, MyService, createInjector } from \\"@dummy/injection-js\\";
 
 function MyBasicComponent(props: any) {
   const [name, setName] = createSignal(\\"PatrickJS\\");
@@ -8242,7 +8242,7 @@ export interface FormProps {
 }
 export type FormState = \\"unsubmitted\\" | \\"sending\\" | \\"success\\" | \\"error\\";
 
-import { Builder, builder, BuilderElement } from \\"@builder.io/sdk\\";
+import { Builder, BuilderElement, builder } from \\"@builder.io/sdk\\";
 import {
   BuilderBlock as BuilderBlockComponent,
   BuilderBlocks,
@@ -8576,7 +8576,7 @@ export interface FormProps {
 }
 export type FormState = \\"unsubmitted\\" | \\"sending\\" | \\"success\\" | \\"error\\";
 
-import { Builder, builder, BuilderElement } from \\"@builder.io/sdk\\";
+import { Builder, BuilderElement, builder } from \\"@builder.io/sdk\\";
 import {
   BuilderBlock as BuilderBlockComponent,
   BuilderBlocks,
diff --git a/packages/core/src/__tests__/__snapshots__/stencil.test.ts.snap b/packages/core/src/__tests__/__snapshots__/stencil.test.ts.snap
index fc8e6ae8bb..2222ba7768 100644
--- a/packages/core/src/__tests__/__snapshots__/stencil.test.ts.snap
+++ b/packages/core/src/__tests__/__snapshots__/stencil.test.ts.snap
@@ -102,7 +102,7 @@ export default class MyBasicComponent {
 `;
 
 exports[`Stencil > jsx > Javascript Test > Basic Context 1`] = `
-"import { createInjector, Injector, MyService } from \\"@dummy/injection-js\\";
+"import { Injector, MyService, createInjector } from \\"@dummy/injection-js\\";
 
 import { Component, Prop, h, State, Fragment } from \\"@stencil/core\\";
 
@@ -3145,7 +3145,7 @@ export default class MyBasicComponent {
 `;
 
 exports[`Stencil > jsx > Typescript Test > Basic Context 1`] = `
-"import { createInjector, Injector, MyService } from \\"@dummy/injection-js\\";
+"import { Injector, MyService, createInjector } from \\"@dummy/injection-js\\";
 
 import { Component, Prop, h, State, Fragment } from \\"@stencil/core\\";
 
@@ -3798,7 +3798,7 @@ export default class CustomCode {
 `;
 
 exports[`Stencil > jsx > Typescript Test > Form 1`] = `
-"import { Builder, builder, BuilderElement } from \\"@builder.io/sdk\\";
+"import { Builder, BuilderElement, builder } from \\"@builder.io/sdk\\";
 import {
   BuilderBlock as BuilderBlockComponent,
   BuilderBlocks,
diff --git a/packages/core/src/__tests__/__snapshots__/svelte.test.ts.snap b/packages/core/src/__tests__/__snapshots__/svelte.test.ts.snap
index 274619a8bb..36a6dcc965 100644
--- a/packages/core/src/__tests__/__snapshots__/svelte.test.ts.snap
+++ b/packages/core/src/__tests__/__snapshots__/svelte.test.ts.snap
@@ -113,7 +113,7 @@ exports[`Svelte > jsx > Javascript Test > Basic Context 1`] = `
 "<script>
   import { getContext, onMount, setContext } from \\"svelte\\";
 
-  import { createInjector, Injector, MyService } from \\"@dummy/injection-js\\";
+  import { Injector, MyService, createInjector } from \\"@dummy/injection-js\\";
 
   let myService = getContext(MyService.key);
 
@@ -2805,7 +2805,7 @@ exports[`Svelte > jsx > Typescript Test > Basic Context 1`] = `
 "<script lang=\\"ts\\">
   import { getContext, onMount, setContext } from \\"svelte\\";
 
-  import { createInjector, Injector, MyService } from \\"@dummy/injection-js\\";
+  import { Injector, MyService, createInjector } from \\"@dummy/injection-js\\";
 
   let myService = getContext(MyService.key);
 
@@ -3451,7 +3451,7 @@ exports[`Svelte > jsx > Typescript Test > Form 1`] = `
 </script>
 
 <script lang=\\"ts\\">
-  import { Builder, builder, BuilderElement } from \\"@builder.io/sdk\\";
+  import { Builder, BuilderElement, builder } from \\"@builder.io/sdk\\";
   import {
     BuilderBlock as BuilderBlockComponent,
     BuilderBlocks,
diff --git a/packages/core/src/__tests__/__snapshots__/taro.test.ts.snap b/packages/core/src/__tests__/__snapshots__/taro.test.ts.snap
index 5ad30e547f..133ffd387f 100644
--- a/packages/core/src/__tests__/__snapshots__/taro.test.ts.snap
+++ b/packages/core/src/__tests__/__snapshots__/taro.test.ts.snap
@@ -111,7 +111,7 @@ exports[`Taro > jsx > Javascript Test > Basic Context 1`] = `
 "\\"use client\\";
 import * as React from \\"react\\";
 import { useState, useContext, useEffect } from \\"react\\";
-import { createInjector, Injector, MyService } from \\"@dummy/injection-js\\";
+import { Injector, MyService, createInjector } from \\"@dummy/injection-js\\";
 import { View, Text, Input } from \\"@tarojs/components\\";
 
 function MyBasicComponent(props) {
@@ -3437,7 +3437,7 @@ exports[`Taro > jsx > Typescript Test > Basic Context 1`] = `
 "\\"use client\\";
 import * as React from \\"react\\";
 import { useState, useContext, useEffect } from \\"react\\";
-import { createInjector, Injector, MyService } from \\"@dummy/injection-js\\";
+import { Injector, MyService, createInjector } from \\"@dummy/injection-js\\";
 import { View, Text, Input } from \\"@tarojs/components\\";
 
 function MyBasicComponent(props: any) {
@@ -4191,7 +4191,7 @@ export interface FormProps {
   errorMessagePath?: string;
 }
 export type FormState = \\"unsubmitted\\" | \\"sending\\" | \\"success\\" | \\"error\\";
-import { Builder, builder, BuilderElement } from \\"@builder.io/sdk\\";
+import { Builder, BuilderElement, builder } from \\"@builder.io/sdk\\";
 import {
   BuilderBlock as BuilderBlockComponent,
   BuilderBlocks,
diff --git a/packages/core/src/__tests__/__snapshots__/vue-composition.test.ts.snap b/packages/core/src/__tests__/__snapshots__/vue-composition.test.ts.snap
index fc29cd500e..f139ddb9df 100644
--- a/packages/core/src/__tests__/__snapshots__/vue-composition.test.ts.snap
+++ b/packages/core/src/__tests__/__snapshots__/vue-composition.test.ts.snap
@@ -128,7 +128,7 @@ exports[`Vue > jsx > Javascript Test > Basic Context 1`] = `
 <script setup>
 import { inject, onMounted, provide, ref } from \\"vue\\";
 
-import { createInjector, Injector, MyService } from \\"@dummy/injection-js\\";
+import { Injector, MyService, createInjector } from \\"@dummy/injection-js\\";
 
 const name = ref(\\"PatrickJS\\");
 
@@ -3109,7 +3109,7 @@ exports[`Vue > jsx > Typescript Test > Basic Context 1`] = `
 <script setup lang=\\"ts\\">
 import { inject, onMounted, provide, ref } from \\"vue\\";
 
-import { createInjector, Injector, MyService } from \\"@dummy/injection-js\\";
+import { Injector, MyService, createInjector } from \\"@dummy/injection-js\\";
 
 const name = ref(\\"PatrickJS\\");
 
@@ -3814,7 +3814,7 @@ exports[`Vue > jsx > Typescript Test > Form 1`] = `
 <script setup lang=\\"ts\\">
 import { computed, ref } from \\"vue\\";
 
-import { Builder, builder, BuilderElement } from \\"@builder.io/sdk\\";
+import { Builder, BuilderElement, builder } from \\"@builder.io/sdk\\";
 import {
   BuilderBlock as BuilderBlockComponent,
   BuilderBlocks,
diff --git a/packages/core/src/__tests__/__snapshots__/vue.test.ts.snap b/packages/core/src/__tests__/__snapshots__/vue.test.ts.snap
index 2414153969..ec0d8abcfe 100644
--- a/packages/core/src/__tests__/__snapshots__/vue.test.ts.snap
+++ b/packages/core/src/__tests__/__snapshots__/vue.test.ts.snap
@@ -154,7 +154,7 @@ exports[`Vue > jsx > Javascript Test > Basic Context 1`] = `
 <script>
 import { defineComponent } from \\"vue\\";
 
-import { createInjector, Injector, MyService } from \\"@dummy/injection-js\\";
+import { Injector, MyService, createInjector } from \\"@dummy/injection-js\\";
 
 export default defineComponent({
   name: \\"my-basic-component\\",
@@ -3813,7 +3813,7 @@ exports[`Vue > jsx > Typescript Test > Basic Context 1`] = `
 <script lang=\\"ts\\">
 import { defineComponent } from \\"vue\\";
 
-import { createInjector, Injector, MyService } from \\"@dummy/injection-js\\";
+import { Injector, MyService, createInjector } from \\"@dummy/injection-js\\";
 
 export default defineComponent({
   name: \\"my-basic-component\\",
@@ -4643,7 +4643,7 @@ exports[`Vue > jsx > Typescript Test > Form 1`] = `
 <script lang=\\"ts\\">
 import { defineComponent } from \\"vue\\";
 
-import { Builder, builder, BuilderElement } from \\"@builder.io/sdk\\";
+import { Builder, BuilderElement, builder } from \\"@builder.io/sdk\\";
 import {
   BuilderBlock as BuilderBlockComponent,
   BuilderBlocks,
diff --git a/packages/core/src/__tests__/__snapshots__/webcomponent.test.ts.snap b/packages/core/src/__tests__/__snapshots__/webcomponent.test.ts.snap
index fa5756f658..495f4b622a 100644
--- a/packages/core/src/__tests__/__snapshots__/webcomponent.test.ts.snap
+++ b/packages/core/src/__tests__/__snapshots__/webcomponent.test.ts.snap
@@ -1080,7 +1080,7 @@ customElements.define(\\"my-basic-for-show-component\\", MyBasicForShowComponent
 `;
 
 exports[`webcomponent > jsx > Javascript Test > Basic Context 1`] = `
-"import { createInjector, Injector, MyService } from \\"@dummy/injection-js\\";
+"import { Injector, MyService, createInjector } from \\"@dummy/injection-js\\";
 
 /**
  * Usage:
@@ -14284,7 +14284,7 @@ customElements.define(\\"my-basic-for-show-component\\", MyBasicForShowComponent
 `;
 
 exports[`webcomponent > jsx > Typescript Test > Basic Context 1`] = `
-"import { createInjector, Injector, MyService } from \\"@dummy/injection-js\\";
+"import { Injector, MyService, createInjector } from \\"@dummy/injection-js\\";
 
 /**
  * Usage:
diff --git a/packages/core/src/__tests__/data/basic-context.raw.tsx b/packages/core/src/__tests__/data/basic-context.raw.tsx
index d2225e3397..196bed8b9b 100644
--- a/packages/core/src/__tests__/data/basic-context.raw.tsx
+++ b/packages/core/src/__tests__/data/basic-context.raw.tsx
@@ -1,5 +1,5 @@
 import { onInit, onMount, setContext, useContext, useStore } from '@builder.io/mitosis';
-import { createInjector, Injector, MyService } from '@dummy/injection-js';
+import { Injector, MyService, createInjector } from '@dummy/injection-js';
 
 export default function MyBasicComponent() {
   setContext(Injector, createInjector());
diff --git a/packages/core/src/__tests__/data/blocks/form.raw.tsx b/packages/core/src/__tests__/data/blocks/form.raw.tsx
index 37694fa7f9..cde5615559 100644
--- a/packages/core/src/__tests__/data/blocks/form.raw.tsx
+++ b/packages/core/src/__tests__/data/blocks/form.raw.tsx
@@ -1,5 +1,5 @@
 import { For, Show, useRef, useStore } from '@builder.io/mitosis';
-import { Builder, builder, BuilderElement } from '@builder.io/sdk';
+import { Builder, BuilderElement, builder } from '@builder.io/sdk';
 import { BuilderBlock as BuilderBlockComponent, BuilderBlocks, get, set } from '@fake';
 
 export interface FormProps {
diff --git a/packages/core/src/generators/alpine/generate.ts b/packages/core/src/generators/alpine/generate.ts
index 761d0721a2..0d37e15c2f 100644
--- a/packages/core/src/generators/alpine/generate.ts
+++ b/packages/core/src/generators/alpine/generate.ts
@@ -12,7 +12,7 @@ import { collectCss } from '@/helpers/styles/collect-css';
 import { MitosisComponent } from '@/types/mitosis-component';
 import { checkIsForNode, ForNode, MitosisNode } from '@/types/mitosis-node';
 import { BaseTranspilerOptions, TranspilerGenerator } from '@/types/transpiler';
-import { camelCase, curry, flow, flowRight as compose } from 'lodash';
+import { camelCase, flowRight as compose, curry, flow } from 'lodash';
 import { format } from 'prettier/standalone';
 import { SELF_CLOSING_HTML_TAGS } from '../../constants/html_tags';
 import {
diff --git a/packages/core/src/generators/angular.ts b/packages/core/src/generators/angular.ts
index 7f1aebfba0..061a35d686 100644
--- a/packages/core/src/generators/angular.ts
+++ b/packages/core/src/generators/angular.ts
@@ -31,7 +31,7 @@ import {
   runPreCodePlugins,
   runPreJsonPlugins,
 } from '../modules/plugins';
-import { checkIsForNode, MitosisNode } from '../types/mitosis-node';
+import { MitosisNode, checkIsForNode } from '../types/mitosis-node';
 import { BaseTranspilerOptions, TranspilerGenerator } from '../types/transpiler';
 
 import { MitosisComponent } from '..';
@@ -469,6 +469,7 @@ export const componentToAngular: TranspilerGenerator<ToAngularOptions> =
     ${json.types ? json.types.join('\n') : ''}
     ${getPropsDefinition({ json })}
     ${renderPreComponent({
+      explicitImportFileExtension: options.explicitImportFileExtension,
       component: json,
       target: 'angular',
       excludeMitosisComponents: !options.standalone && !options.preserveImports,
diff --git a/packages/core/src/generators/html.ts b/packages/core/src/generators/html.ts
index d23b2d2f4b..f16cf6aedf 100644
--- a/packages/core/src/generators/html.ts
+++ b/packages/core/src/generators/html.ts
@@ -30,8 +30,8 @@ import {
   DO_NOT_USE_ARGS,
   DO_NOT_USE_CONTEXT_VARS_TRANSFORMS,
   DO_NOT_USE_VARS_TRANSFORMS,
-  stripStateAndPropsRefs,
   StripStateAndPropsRefsOptions,
+  stripStateAndPropsRefs,
 } from '../helpers/strip-state-and-props-refs';
 import { collectCss } from '../helpers/styles/collect-css';
 import {
@@ -41,7 +41,7 @@ import {
   runPreJsonPlugins,
 } from '../modules/plugins';
 import { MitosisComponent } from '../types/mitosis-component';
-import { checkIsForNode, MitosisNode } from '../types/mitosis-node';
+import { MitosisNode, checkIsForNode } from '../types/mitosis-node';
 import { BaseTranspilerOptions, TranspilerGenerator } from '../types/transpiler';
 import { stringifySingleScopeOnMount } from './helpers/on-mount';
 
@@ -989,7 +989,11 @@ export const componentToCustomElement: TranspilerGenerator<ToHtmlOptions> =
 
     let str = `
       ${json.types ? json.types.join('\n') : ''}
-      ${renderPreComponent({ component: json, target: 'customElement' })}
+      ${renderPreComponent({
+        explicitImportFileExtension: options.explicitImportFileExtension,
+        component: json,
+        target: 'customElement',
+      })}
       /**
        * Usage:
        * 
diff --git a/packages/core/src/generators/liquid.ts b/packages/core/src/generators/liquid.ts
index 99afc7746b..8a5be608c3 100644
--- a/packages/core/src/generators/liquid.ts
+++ b/packages/core/src/generators/liquid.ts
@@ -11,7 +11,7 @@ import {
   runPreCodePlugins,
   runPreJsonPlugins,
 } from '../modules/plugins';
-import { checkIsForNode, MitosisNode } from '../types/mitosis-node';
+import { MitosisNode, checkIsForNode } from '../types/mitosis-node';
 import { BaseTranspilerOptions, TranspilerGenerator } from '../types/transpiler';
 
 export interface ToLiquidOptions extends BaseTranspilerOptions {
diff --git a/packages/core/src/generators/lit/generate.ts b/packages/core/src/generators/lit/generate.ts
index c51e7ac676..ae73bb4e00 100644
--- a/packages/core/src/generators/lit/generate.ts
+++ b/packages/core/src/generators/lit/generate.ts
@@ -202,7 +202,11 @@ export const componentToLit: TranspilerGenerator<ToLitOptions> =
     }
 
     let str = dedent`
-    ${renderPreComponent({ component: json, target: 'lit' })}
+    ${renderPreComponent({
+      explicitImportFileExtension: options.explicitImportFileExtension,
+      component: json,
+      target: 'lit',
+    })}
     import { LitElement, html, css } from 'lit';
     import { customElement, property, state, query } from 'lit/decorators.js';
 
diff --git a/packages/core/src/generators/marko/generate.ts b/packages/core/src/generators/marko/generate.ts
index 2eb174bdc2..6beff93ee3 100644
--- a/packages/core/src/generators/marko/generate.ts
+++ b/packages/core/src/generators/marko/generate.ts
@@ -209,7 +209,11 @@ export const componentToMarko: TranspilerGenerator<ToMarkoOptions> =
     }
 
     let jsString = dedent`
-    ${renderPreComponent({ component: json, target: 'marko' })}
+    ${renderPreComponent({
+      explicitImportFileExtension: options.explicitImportFileExtension,
+      component: json,
+      target: 'marko',
+    })}
 
     class {
         ${methodsString}
diff --git a/packages/core/src/generators/mitosis.ts b/packages/core/src/generators/mitosis.ts
index 0f6a6e2f17..cb67bd200b 100644
--- a/packages/core/src/generators/mitosis.ts
+++ b/packages/core/src/generators/mitosis.ts
@@ -18,7 +18,7 @@ import { mapRefs } from '../helpers/map-refs';
 import { renderPreComponent } from '../helpers/render-imports';
 import { checkHasState } from '../helpers/state';
 import { MitosisComponent } from '../types/mitosis-component';
-import { checkIsForNode, MitosisNode } from '../types/mitosis-node';
+import { MitosisNode, checkIsForNode } from '../types/mitosis-node';
 import { BaseTranspilerOptions, TranspilerGenerator } from '../types/transpiler';
 import { blockToReact, componentToReact } from './react';
 
@@ -197,7 +197,11 @@ export const componentToMitosis: TranspilerGenerator<Partial<ToMitosisOptions>>
     ${!otherComponents.length ? '' : `import { ${otherComponents.join(',')} } from '@components';`}
     ${json.types ? json.types.join('\n') : ''}
 
-    ${renderPreComponent({ component: json, target: 'mitosis' })}
+    ${renderPreComponent({
+      explicitImportFileExtension: options.explicitImportFileExtension,
+      component: json,
+      target: 'mitosis',
+    })}
 
     ${
       stringifiedUseMetadata && stringifiedUseMetadata !== '{}'
diff --git a/packages/core/src/generators/qwik/component-generator.ts b/packages/core/src/generators/qwik/component-generator.ts
index 01929727c0..2cfd8488d9 100644
--- a/packages/core/src/generators/qwik/component-generator.ts
+++ b/packages/core/src/generators/qwik/component-generator.ts
@@ -19,9 +19,9 @@ import {
 } from '../../modules/plugins';
 import { addPreventDefault } from './helpers/add-prevent-default';
 import { stableInject } from './helpers/stable-inject';
-import { emitStateMethodsAndRewriteBindings, emitUseStore, StateInit } from './helpers/state';
+import { StateInit, emitStateMethodsAndRewriteBindings, emitUseStore } from './helpers/state';
 import { renderJSXNodes } from './jsx';
-import { arrowFnBlock, File, invoke, SrcBuilder } from './src-generator';
+import { File, SrcBuilder, arrowFnBlock, invoke } from './src-generator';
 
 Error.stackTraceLimit = 9999;
 
@@ -396,6 +396,7 @@ function emitImports(file: File, component: MitosisComponent) {
       target: 'qwik',
       theImport: i,
       preserveFileExtensions: false,
+      explicitImportFileExtension: false,
     });
     Object.keys(i.imports).forEach((key) => {
       const keyValue = i.imports[key]!;
diff --git a/packages/core/src/generators/qwik/component.ts b/packages/core/src/generators/qwik/component.ts
index adc043390d..1c8419574e 100644
--- a/packages/core/src/generators/qwik/component.ts
+++ b/packages/core/src/generators/qwik/component.ts
@@ -8,16 +8,16 @@ import { stringifySingleScopeOnMount } from '../helpers/on-mount';
 import { DIRECTIVES } from './directives';
 import { renderHandlers } from './helpers/handlers';
 import { stableJSONserialize } from './helpers/stable-serialize';
-import { collectStyles, CssStyles, renderStyles } from './helpers/styles';
+import { CssStyles, collectStyles, renderStyles } from './helpers/styles';
 import { renderJSXNodes } from './jsx';
 import {
-  arrowFnValue,
   EmitFn,
   File,
-  invoke,
-  quote,
   SrcBuilder,
   SrcBuilderOptions,
+  arrowFnValue,
+  invoke,
+  quote,
 } from './src-generator';
 
 export type QwikOptions = {
diff --git a/packages/core/src/generators/qwik/directives.ts b/packages/core/src/generators/qwik/directives.ts
index f074c3001f..0b029dff2e 100644
--- a/packages/core/src/generators/qwik/directives.ts
+++ b/packages/core/src/generators/qwik/directives.ts
@@ -1,7 +1,7 @@
 import { getForArguments } from '@/helpers/nodes/for';
 import { ForNode, MitosisNode } from '@/types/mitosis-node';
 import { minify } from '../minify';
-import { iteratorProperty, SrcBuilder } from './src-generator';
+import { SrcBuilder, iteratorProperty } from './src-generator';
 
 export const DIRECTIVES: Record<
   string,
diff --git a/packages/core/src/generators/qwik/jsx.ts b/packages/core/src/generators/qwik/jsx.ts
index ae6c8209a4..a8f97e6ec5 100644
--- a/packages/core/src/generators/qwik/jsx.ts
+++ b/packages/core/src/generators/qwik/jsx.ts
@@ -2,7 +2,7 @@ import { isMitosisNode } from '@/helpers/is-mitosis-node';
 import { Binding, MitosisNode } from '@/types/mitosis-node';
 import { DIRECTIVES } from './directives';
 import { CssStyles } from './helpers/styles';
-import { File, invoke, lastProperty, quote, SrcBuilder } from './src-generator';
+import { File, SrcBuilder, invoke, lastProperty, quote } from './src-generator';
 
 /**
  * Convert a Mitosis nodes to a JSX nodes.
diff --git a/packages/core/src/generators/react/generator.ts b/packages/core/src/generators/react/generator.ts
index 2c6386051e..cbe085e378 100644
--- a/packages/core/src/generators/react/generator.ts
+++ b/packages/core/src/generators/react/generator.ts
@@ -560,6 +560,7 @@ const _componentToReact = (
     }
     ${json.types && options.typescript ? json.types.join('\n') : ''}
     ${renderPreComponent({
+      explicitImportFileExtension: options.explicitImportFileExtension,
       component: json,
       target: options.type === 'native' ? 'reactNative' : 'react',
     })}
diff --git a/packages/core/src/generators/solid/index.ts b/packages/core/src/generators/solid/index.ts
index f3ce33d421..12c4b932fc 100644
--- a/packages/core/src/generators/solid/index.ts
+++ b/packages/core/src/generators/solid/index.ts
@@ -182,7 +182,11 @@ export const componentToSolid: TranspilerGenerator<Partial<ToSolidOptions>> =
         : `import { css } from "solid-styled-components";`
     }
     ${json.types && options.typescript ? json.types.join('\n') : ''}
-    ${renderPreComponent({ component: json, target: 'solid' })}
+    ${renderPreComponent({
+      explicitImportFileExtension: options.explicitImportFileExtension,
+      component: json,
+      target: 'solid',
+    })}
 
     function ${json.name}(${propsArgs}) {
       ${state?.str ?? ''}
diff --git a/packages/core/src/generators/stencil/generate.ts b/packages/core/src/generators/stencil/generate.ts
index 7db185d869..eb3729897b 100644
--- a/packages/core/src/generators/stencil/generate.ts
+++ b/packages/core/src/generators/stencil/generate.ts
@@ -147,7 +147,11 @@ export const componentToStencil: TranspilerGenerator<ToStencilOptions> =
     }
 
     let str = dedent`
-    ${renderPreComponent({ component: json, target: 'stencil' })}
+    ${renderPreComponent({
+      explicitImportFileExtension: options.explicitImportFileExtension,
+      component: json,
+      target: 'stencil',
+    })}
 
     import { Component, Prop, h, State, Fragment } from '@stencil/core';
 
diff --git a/packages/core/src/generators/svelte/svelte.ts b/packages/core/src/generators/svelte/svelte.ts
index faf7f3aea7..d4bec5533d 100644
--- a/packages/core/src/generators/svelte/svelte.ts
+++ b/packages/core/src/generators/svelte/svelte.ts
@@ -305,7 +305,11 @@ export const componentToSvelte: TranspilerGenerator<ToSvelteOptions> =
           : `import { ${svelteStoreImports.sort().join(', ')} } from 'svelte/store'`
       }
 
-      ${renderPreComponent({ component: json, target: 'svelte' })}
+      ${renderPreComponent({
+        explicitImportFileExtension: options.explicitImportFileExtension,
+        component: json,
+        target: 'svelte',
+      })}
 
       ${!hasData || options.stateType === 'variables' ? '' : `import onChange from 'on-change'`}
       ${props
diff --git a/packages/core/src/generators/taro.ts b/packages/core/src/generators/taro.ts
index 4e9acf28d0..967db97e96 100644
--- a/packages/core/src/generators/taro.ts
+++ b/packages/core/src/generators/taro.ts
@@ -9,7 +9,7 @@ import { mergeOptions } from '../helpers/merge-options';
 import { ClassStyleMap } from '../helpers/styles/helpers';
 import { MitosisComponent, MitosisImport } from '../types/mitosis-component';
 import { TranspilerGenerator } from '../types/transpiler';
-import { componentToReact, ToReactOptions } from './react';
+import { ToReactOptions, componentToReact } from './react';
 
 // @tarojs/components
 export const DEFAULT_Component_SET = new Set<string>([
diff --git a/packages/core/src/generators/template.ts b/packages/core/src/generators/template.ts
index b07695a963..a33ac29499 100644
--- a/packages/core/src/generators/template.ts
+++ b/packages/core/src/generators/template.ts
@@ -10,7 +10,7 @@ import {
   runPreCodePlugins,
   runPreJsonPlugins,
 } from '../modules/plugins';
-import { checkIsForNode, MitosisNode } from '../types/mitosis-node';
+import { MitosisNode, checkIsForNode } from '../types/mitosis-node';
 import { BaseTranspilerOptions, TranspilerGenerator } from '../types/transpiler';
 
 export interface ToTemplateOptions extends BaseTranspilerOptions {}
diff --git a/packages/core/src/generators/vue/vue.ts b/packages/core/src/generators/vue/vue.ts
index 432661dd08..e64d3c317f 100644
--- a/packages/core/src/generators/vue/vue.ts
+++ b/packages/core/src/generators/vue/vue.ts
@@ -249,6 +249,7 @@ const componentToVue: TranspilerGenerator<Partial<ToVueOptions>> =
       ${vueImports.length ? `import { ${uniq(vueImports).sort().join(', ')} } from "vue"` : ''}
 
       ${renderPreComponent({
+        explicitImportFileExtension: options.explicitImportFileExtension,
         component,
         target: 'vue',
         asyncComponentImports: options.asyncComponentImports,
diff --git a/packages/core/src/helpers/component-file-extensions.ts b/packages/core/src/helpers/component-file-extensions.ts
index 97fa96590c..d2f9e7870f 100644
--- a/packages/core/src/helpers/component-file-extensions.ts
+++ b/packages/core/src/helpers/component-file-extensions.ts
@@ -46,12 +46,21 @@ export const renameComponentFile = ({
  */
 const INPUT_EXTENSION_IMPORT_REGEX = /\.(svelte|(lite(\.tsx|\.jsx)?))(?<quote>['"])/g;
 
-export const renameImport = ({ importPath, target }: { importPath: string; target: Target }) => {
+export const renameImport = ({
+  importPath,
+  target,
+  explicitImportFileExtension,
+}: {
+  importPath: string;
+  target: Target;
+  explicitImportFileExtension: boolean;
+}) => {
   return importPath.replace(
     INPUT_EXTENSION_IMPORT_REGEX,
     `${getComponentFileExtensionForTarget({
       type: 'import',
       target,
+      explicitImportFileExtension,
     })}$4`,
   );
 };
@@ -62,6 +71,7 @@ type Args = { target: Target } & (
        * Whether we are rendering an import statement or a filename.
        */
       type: 'import';
+      explicitImportFileExtension: boolean;
     }
   | {
       /**
@@ -114,7 +124,7 @@ export const getComponentFileExtensionForTarget = (args: Args): string => {
       switch (args.type) {
         case 'import':
           // we can't have `.jsx`/`.tsx` extensions in the import paths, so we stick with implicit file extensions.
-          return '';
+          return args.explicitImportFileExtension ? '.js' : '';
         case 'filename':
           return args.isTypescript ? '.tsx' : '.jsx';
       }
diff --git a/packages/core/src/helpers/plugins/process-signals.ts b/packages/core/src/helpers/plugins/process-signals.ts
index 261fbbfb84..b635fc45b4 100644
--- a/packages/core/src/helpers/plugins/process-signals.ts
+++ b/packages/core/src/helpers/plugins/process-signals.ts
@@ -113,6 +113,8 @@ const getSignalMapperForTarget = (target: Target): SignalMapper => {
       return {
         getter: (name) => types.identifier('$' + name),
       };
+    case 'preact':
+    case 'reactNative':
     case 'react':
     case 'solid':
       return {
diff --git a/packages/core/src/helpers/render-imports.ts b/packages/core/src/helpers/render-imports.ts
index 7b8796add2..3149a9550b 100644
--- a/packages/core/src/helpers/render-imports.ts
+++ b/packages/core/src/helpers/render-imports.ts
@@ -2,8 +2,8 @@ import { Target } from '../types/config';
 import { MitosisComponent, MitosisImport } from '../types/mitosis-component';
 import {
   COMPONENT_IMPORT_EXTENSIONS,
-  getComponentFileExtensionForTarget,
   INPUT_EXTENSION_REGEX,
+  getComponentFileExtensionForTarget,
 } from './component-file-extensions';
 
 const DEFAULT_IMPORT = 'default';
@@ -40,10 +40,12 @@ export const transformImportPath = ({
   theImport,
   target,
   preserveFileExtensions,
+  explicitImportFileExtension,
 }: {
   theImport: MitosisImport;
   target: Target;
   preserveFileExtensions: boolean;
+  explicitImportFileExtension: boolean;
 }) => {
   // We need to drop the `.lite` from context files, because the context generator does so as well.
   if (checkIsContextImport(theImport)) {
@@ -61,7 +63,7 @@ export const transformImportPath = ({
   if (checkIsComponentImport(theImport)) {
     return theImport.path.replace(
       INPUT_EXTENSION_REGEX,
-      getComponentFileExtensionForTarget({ target, type: 'import' }),
+      getComponentFileExtensionForTarget({ target, type: 'import', explicitImportFileExtension }),
     );
   }
 
@@ -104,6 +106,26 @@ const getImportValue = ({ defaultImport, namedImports, starImport }: ImportValue
   }
 };
 
+type ImportArgs = {
+  target: Target;
+  asyncComponentImports: boolean;
+  preserveFileExtensions?: boolean;
+  component?: MitosisComponent | null | undefined;
+
+  /**
+   * This is only used by Angular generator, and will be deprecated in the future.
+   */
+  importMapper?: Function | null | undefined;
+  /**
+   * This is only used by Angular generator, and will be deprecated in the future.
+   */
+  explicitImportFileExtension?: boolean;
+  /**
+   * This is only used by Angular generator, and will be deprecated in the future.
+   */
+  componentsUsed?: string[];
+};
+
 export const renderImport = ({
   theImport,
   target,
@@ -112,18 +134,16 @@ export const renderImport = ({
   component = undefined,
   componentsUsed = [],
   importMapper,
-}: {
-  theImport: MitosisImport;
-  target: Target;
-  asyncComponentImports: boolean;
-  preserveFileExtensions?: boolean;
-  component?: MitosisComponent | null | undefined;
-  componentsUsed?: string[];
-  importMapper?: Function | null | undefined;
-}): string => {
+  explicitImportFileExtension = false,
+}: ImportArgs & { theImport: MitosisImport }): string => {
   const importedValues = getImportedValues({ theImport });
 
-  const path = transformImportPath({ theImport, target, preserveFileExtensions });
+  const path = transformImportPath({
+    theImport,
+    target,
+    preserveFileExtensions,
+    explicitImportFileExtension,
+  });
   const importValue = getImportValue(importedValues);
 
   const isComponentImport = checkIsComponentImport(theImport);
@@ -161,7 +181,7 @@ export const renderImport = ({
     : `import '${path}';`;
 };
 
-export const renderImports = ({
+const renderImports = ({
   imports,
   target,
   asyncComponentImports,
@@ -170,15 +190,10 @@ export const renderImports = ({
   component,
   componentsUsed,
   importMapper,
-}: {
+  explicitImportFileExtension,
+}: ImportArgs & {
   imports: MitosisImport[];
-  target: Target;
-  asyncComponentImports: boolean;
   excludeMitosisComponents?: boolean;
-  preserveFileExtensions?: boolean;
-  component: MitosisComponent;
-  componentsUsed?: string[];
-  importMapper?: Function | null | undefined;
 }): string =>
   imports
     .filter((theImport) => {
@@ -204,6 +219,7 @@ export const renderImports = ({
         component,
         componentsUsed,
         importMapper,
+        explicitImportFileExtension,
       }),
     )
     .join('\n');
@@ -216,15 +232,13 @@ export const renderPreComponent = ({
   preserveFileExtensions = false,
   componentsUsed = [],
   importMapper,
-}: {
-  component: MitosisComponent;
-  target: Target;
-  asyncComponentImports?: boolean;
-  excludeMitosisComponents?: boolean;
-  preserveFileExtensions?: boolean;
-  componentsUsed?: string[];
-  importMapper?: Function | null | undefined;
-}): string => `
+  explicitImportFileExtension = false,
+}: Omit<ImportArgs, 'explicitImportFileExtension' | 'asyncComponentImports'> &
+  Partial<Pick<ImportArgs, 'explicitImportFileExtension' | 'asyncComponentImports'>> & {
+    component: MitosisComponent;
+    target: Target;
+    excludeMitosisComponents?: boolean;
+  }): string => `
     ${renderImports({
       imports: component.imports,
       target,
@@ -234,12 +248,13 @@ export const renderPreComponent = ({
       component,
       componentsUsed,
       importMapper,
+      explicitImportFileExtension,
     })}
     ${renderExportAndLocal(component)}
     ${component.hooks.preComponent?.code || ''}
   `;
 
-export const renderExportAndLocal = (component: MitosisComponent): string => {
+const renderExportAndLocal = (component: MitosisComponent): string => {
   return Object.keys(component.exports || {})
     .map((key) => component.exports![key].code)
     .join('\n');
diff --git a/packages/core/src/parsers/builder/builder.ts b/packages/core/src/parsers/builder/builder.ts
index 9f226f3b93..d79c8f6558 100644
--- a/packages/core/src/parsers/builder/builder.ts
+++ b/packages/core/src/parsers/builder/builder.ts
@@ -4,7 +4,7 @@ import { BuilderContent, BuilderElement } from '@builder.io/sdk';
 import json5 from 'json5';
 import { mapKeys, merge, omit, omitBy, sortBy, upperFirst } from 'lodash';
 import traverse from 'traverse';
-import { hashCodeAsString, MitosisComponent, MitosisState } from '../..';
+import { MitosisComponent, MitosisState, hashCodeAsString } from '../..';
 import { Size, sizeNames, sizes } from '../../constants/media-sizes';
 import { createSingleBinding } from '../../helpers/bindings';
 import { capitalize } from '../../helpers/capitalize';
diff --git a/packages/core/src/parsers/jsx/index.ts b/packages/core/src/parsers/jsx/index.ts
index 7d86665bdb..e193540b6b 100644
--- a/packages/core/src/parsers/jsx/index.ts
+++ b/packages/core/src/parsers/jsx/index.ts
@@ -1 +1,2 @@
 export { parseJsx } from './jsx';
+export { ParseMitosisOptions } from './types';
diff --git a/packages/core/src/symbols/symbol-processor.ts b/packages/core/src/symbols/symbol-processor.ts
index 86cfbc9872..b2097e1b04 100644
--- a/packages/core/src/symbols/symbol-processor.ts
+++ b/packages/core/src/symbols/symbol-processor.ts
@@ -91,7 +91,7 @@ export function convertBuilderContentToSymbolHierarchy(
     if (cssCode) {
       collectComponentStyles && collectComponentStyles.push(minify`${cssCode}`);
     }
-    while (path[Path.DEPTH] >= this.path.length) {
+    while ((path[Path.DEPTH] as number) >= this.path.length) {
       path.shift();
       path.shift();
     }
@@ -107,7 +107,7 @@ export function convertBuilderContentToSymbolHierarchy(
             collectComponentState[id] = state;
           }
         }
-        if (path[Path.DEPTH] < this.path.length) {
+        if ((path[Path.DEPTH] as number) < this.path.length) {
           const id = getIdFromSymbol(el);
           hierarchy[id] = [];
           addIfMissing(hierarchy[path[Path.ID]], id);
diff --git a/packages/core/src/targets.ts b/packages/core/src/targets.ts
index 5f7764c661..b614b38e62 100644
--- a/packages/core/src/targets.ts
+++ b/packages/core/src/targets.ts
@@ -3,8 +3,8 @@ import { componentToAngular as angular } from './generators/angular';
 import { componentToBuilder } from './generators/builder';
 import {
   componentToCustomElement as customElement,
-  componentToCustomElement as webcomponent,
   componentToHtml as html,
+  componentToCustomElement as webcomponent,
 } from './generators/html';
 import { componentToLiquid as liquid } from './generators/liquid';
 import { componentToLit as lit } from './generators/lit';
diff --git a/packages/core/src/types/config.ts b/packages/core/src/types/config.ts
index cd256b8674..c126a34bbf 100644
--- a/packages/core/src/types/config.ts
+++ b/packages/core/src/types/config.ts
@@ -1,5 +1,6 @@
 import type { ParseMitosisOptions } from '../parsers/jsx/types';
 import type { MitosisComponent } from './mitosis-component';
+import { BaseTranspilerOptions } from './transpiler';
 
 export type Format = 'esm' | 'cjs';
 export type Language = 'js' | 'ts';
@@ -16,7 +17,7 @@ export type GeneratorOptions = {
 };
 
 export type MitosisConfig = {
-  commonOptions?: { typescript?: boolean };
+  commonOptions?: Omit<BaseTranspilerOptions, 'experimental'>;
   /**
    * List of targets to compile to.
    */
diff --git a/packages/core/src/types/transpiler.ts b/packages/core/src/types/transpiler.ts
index 2ace4362bb..d65b629281 100644
--- a/packages/core/src/types/transpiler.ts
+++ b/packages/core/src/types/transpiler.ts
@@ -17,7 +17,20 @@ export type TranspilerGenerator<X extends BaseTranspilerOptions, Y = string> = (
 
 export interface BaseTranspilerOptions {
   experimental?: { [key: string]: any };
+  /**
+   * Runs `prettier` on generated components
+   */
   prettier?: boolean;
+  /**
+   * Mitosis Plugins to run during codegen.
+   */
   plugins?: Plugin[];
+  /**
+   * Enable `typescript` output
+   */
   typescript?: boolean;
+  /**
+   * Preserves explicit filename extensions in import statements.
+   */
+  explicitImportFileExtension?: boolean;
 }
diff --git a/packages/core/tsconfig.json b/packages/core/tsconfig.json
index 6bf2ed16e6..2f65266e6f 100644
--- a/packages/core/tsconfig.json
+++ b/packages/core/tsconfig.json
@@ -14,7 +14,7 @@
     "baseUrl": ".",
     "paths": {
       "@builder.io/mitosis": ["./src"],
-      "@/*": ["./src/*"],
+      "@/*": ["./src/*"]
     },
     "jsxImportSource": "@builder.io/mitosis",
     "types": ["vitest/globals"]
diff --git a/packages/eslint-plugin/package.json b/packages/eslint-plugin/package.json
index 118e75c527..580f353935 100644
--- a/packages/eslint-plugin/package.json
+++ b/packages/eslint-plugin/package.json
@@ -35,9 +35,9 @@
   },
   "devDependencies": {
     "@types/eslint": "^7.2.4",
-    "@typescript-eslint/parser": "^5.20.0",
+    "@typescript-eslint/parser": "^6.13.1",
     "eslint": "^7.13.0",
-    "typescript": "^4.8.4",
+    "typescript": "^5.3.2",
     "vite": "^3.2.2",
     "vitest": "^0.34.6"
   },
diff --git a/packages/fiddle/tsconfig.json b/packages/fiddle/tsconfig.json
index 3d9530899c..b9fc2de1d7 100644
--- a/packages/fiddle/tsconfig.json
+++ b/packages/fiddle/tsconfig.json
@@ -1,11 +1,7 @@
 {
   "compilerOptions": {
     "target": "es5",
-    "lib": [
-      "dom",
-      "dom.iterable",
-      "esnext"
-    ],
+    "lib": ["dom", "dom.iterable", "esnext"],
     "allowJs": true,
     "skipLibCheck": true,
     "strict": true,
@@ -19,15 +15,8 @@
     "isolatedModules": true,
     "jsx": "preserve",
     "jsxImportSource": "@emotion/react",
-    "baseUrl": "./",
+    "baseUrl": "./"
   },
-  "include": [
-    "next-env.d.ts",
-    "**/*.ts",
-    "**/*.tsx",
-    "../core/typings.d.ts"
-  ],
-  "exclude": [
-    "node_modules"
-  ]
-}
\ No newline at end of file
+  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", "../core/typings.d.ts"],
+  "exclude": ["node_modules"]
+}
diff --git a/packages/starter/template/library/packages/qwik/package.json b/packages/starter/template/library/packages/qwik/package.json
index 10fff9f191..113f281897 100644
--- a/packages/starter/template/library/packages/qwik/package.json
+++ b/packages/starter/template/library/packages/qwik/package.json
@@ -31,13 +31,13 @@
     "@builder.io/qwik": "1.2.18",
     "@types/eslint": "^8.44.4",
     "@types/node": "^20.8.4",
-    "@typescript-eslint/eslint-plugin": "^6.12.0",
-    "@typescript-eslint/parser": "^6.12.0",
+    "@typescript-eslint/eslint-plugin": "^6.13.1",
+    "@typescript-eslint/parser": "^6.13.1",
     "eslint": "^8.51.0",
     "eslint-plugin-qwik": "latest",
     "np": "^8.0.4",
     "prettier": "^3.0.3",
-    "typescript": "5.3.2",
+    "typescript": "^5.3.2",
     "undici": "^5.26.0",
     "vite": "^4.4.11",
     "vite-tsconfig-paths": "^4.2.1"
diff --git a/packages/starter/template/library/packages/svelte/package.json b/packages/starter/template/library/packages/svelte/package.json
index b34ec0c0cc..8411401032 100644
--- a/packages/starter/template/library/packages/svelte/package.json
+++ b/packages/starter/template/library/packages/svelte/package.json
@@ -32,7 +32,7 @@
     "svelte": "^4.0.5",
     "svelte-check": "^3.6.0",
     "tslib": "^2.4.1",
-    "typescript": "^5.0.0",
+    "typescript": "^5.3.2",
     "vite": "^4.4.2"
   },
   "svelte": "./dist/index.js",
diff --git a/packages/starter/template/library/packages/svelte/tsconfig.json b/packages/starter/template/library/packages/svelte/tsconfig.json
index dbf2ddce98..1c7d1b1b11 100644
--- a/packages/starter/template/library/packages/svelte/tsconfig.json
+++ b/packages/starter/template/library/packages/svelte/tsconfig.json
@@ -1,17 +1,17 @@
 {
-	"extends": "./.svelte-kit/tsconfig.json",
-	"compilerOptions": {
-		"allowJs": true,
-		"checkJs": true,
-		"esModuleInterop": true,
-		"forceConsistentCasingInFileNames": true,
-		"resolveJsonModule": true,
-		"skipLibCheck": true,
-		"sourceMap": true,
-		"strict": true,
-		"noImplicitAny": false,
-		"target": "ESNext",
-		"module": "ESNext",
-		"moduleResolution": "Bundler"
-	}
+  "extends": "./.svelte-kit/tsconfig.json",
+  "compilerOptions": {
+    "allowJs": true,
+    "checkJs": true,
+    "esModuleInterop": true,
+    "forceConsistentCasingInFileNames": true,
+    "resolveJsonModule": true,
+    "skipLibCheck": true,
+    "sourceMap": true,
+    "strict": true,
+    "noImplicitAny": false,
+    "target": "ESNext",
+    "module": "ESNext",
+    "moduleResolution": "Bundler"
+  }
 }
diff --git a/packages/starter/template/library/tsconfig.json b/packages/starter/template/library/tsconfig.json
index 4540cdd53e..ee8946acd0 100644
--- a/packages/starter/template/library/tsconfig.json
+++ b/packages/starter/template/library/tsconfig.json
@@ -7,7 +7,5 @@
     "moduleResolution": "node",
     "jsxImportSource": "@builder.io/mitosis"
   },
-  "include": [
-    "src"
-  ]
-}
\ No newline at end of file
+  "include": ["src"]
+}
diff --git a/packages/starter/template/test-apps/qwik/package.json b/packages/starter/template/test-apps/qwik/package.json
index 6c6a0f3938..2dad463e58 100644
--- a/packages/starter/template/test-apps/qwik/package.json
+++ b/packages/starter/template/test-apps/qwik/package.json
@@ -25,12 +25,12 @@
     "@builder.io/qwik-city": "^1.2.18",
     "@types/eslint": "^8.44.4",
     "@types/node": "^20.8.4",
-    "@typescript-eslint/eslint-plugin": "^6.7.5",
-    "@typescript-eslint/parser": "^6.7.5",
+    "@typescript-eslint/eslint-plugin": "^6.13.1",
+    "@typescript-eslint/parser": "^6.13.1",
     "eslint": "^8.51.0",
     "eslint-plugin-qwik": "^1.2.18",
     "prettier": "^3.0.3",
-    "typescript": "5.3.2",
+    "typescript": "^5.3.2",
     "undici": "^5.26.0",
     "vite": "^4.4.11",
     "vite-tsconfig-paths": "^4.2.1"
diff --git a/packages/starter/template/test-apps/react/package.json b/packages/starter/template/test-apps/react/package.json
index 7304594b89..342a10a9e4 100644
--- a/packages/starter/template/test-apps/react/package.json
+++ b/packages/starter/template/test-apps/react/package.json
@@ -15,7 +15,7 @@
     "@types/react": "^18.0.14",
     "@types/react-dom": "^18.0.5",
     "@vitejs/plugin-react": "^1.3.0",
-    "typescript": "5.3.2",
+    "typescript": "^5.3.2",
     "vite": "^4.4.11"
   }
 }
diff --git a/packages/starter/todo b/packages/starter/todo
deleted file mode 100644
index 82c784a088..0000000000
--- a/packages/starter/todo
+++ /dev/null
@@ -1,14 +0,0 @@
-TO-DO:
-- add qwik output
-- add qwik server
-- test that it works
-
-
-Steve feedback:
-- remove tailwind
-- rename `servers` to something else...`test`? `dev`?
-
-
-Others:
-- document building the SDKs
-- make sure README is comprehensive
\ No newline at end of file
diff --git a/yarn.lock b/yarn.lock
index b8d12ee484..0089a0ca10 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -781,6 +781,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/parser@npm:^7.23.3":
+  version: 7.23.4
+  resolution: "@babel/parser@npm:7.23.4"
+  bin:
+    parser: ./bin/babel-parser.js
+  checksum: 1d90e17d966085b8ea12f357ffcc76568969364481254f0ae3e7ed579e9421d31c7fd3876ccb3b215a5b2ada48251b0c2d0f21ba225ee194f0e18295b49085f2
+  languageName: node
+  linkType: hard
+
 "@babel/parser@npm:^7.6.0, @babel/parser@npm:^7.9.6":
   version: 7.20.3
   resolution: "@babel/parser@npm:7.20.3"
@@ -1996,13 +2005,13 @@ __metadata:
     "@builder.io/mitosis": "workspace:*"
     "@builder.io/mitosis-cli": "workspace:*"
     "@types/node-fetch": ^2.5.12
-    "@typescript-eslint/eslint-plugin": ^5.27.1
-    "@typescript-eslint/parser": ^5.27.1
+    "@typescript-eslint/eslint-plugin": ^6.13.1
+    "@typescript-eslint/parser": ^6.13.1
     eslint: ^8.17.0
     node-fetch: ^2.6.1
     prettier: ^2.5.0
     seedrandom: ^3.0.5
-    typescript: ^4.8.4
+    typescript: ^5.3.2
     watch: ^1.0.2
   languageName: unknown
   linkType: soft
@@ -2053,7 +2062,7 @@ __metadata:
     rxjs: ~7.5.0
     sync-directory: ^5.1.5
     tslib: ^2.3.0
-    typescript: ^4.8.4
+    typescript: ^5.3.2
     zone.js: ~0.11.4
   languageName: unknown
   linkType: soft
@@ -2065,7 +2074,7 @@ __metadata:
     "@builder.io/e2e-app": "workspace:*"
     "@builder.io/qwik": ^1.1.4
     "@types/node": latest
-    typescript: ^4
+    typescript: ^5.3.2
     vite: ^3.2.2
   languageName: unknown
   linkType: soft
@@ -2085,7 +2094,7 @@ __metadata:
     solid-styled-components: ^0.28.4
     sync-directory: ^5.1.7
     ts-node: ^10.9.1
-    typescript: ^4.8.4
+    typescript: ^5.3.2
     vue: ~2.6
     watch: ^1.0.2
   peerDependencies:
@@ -2108,13 +2117,13 @@ __metadata:
     "@types/eslint": 8.21.1
     "@types/node": ^18.14.0
     "@types/node-fetch": latest
-    "@typescript-eslint/eslint-plugin": 5.54.0
-    "@typescript-eslint/parser": 5.54.0
+    "@typescript-eslint/eslint-plugin": ^6.13.1
+    "@typescript-eslint/parser": ^6.13.1
     eslint: 8.35.0
     eslint-plugin-qwik: 0.21.0
     node-fetch: 3.3.0
     prettier: 2.8.4
-    typescript: 4.9.5
+    typescript: ^5.3.2
     undici: 5.20.0
     vite: 4.1.4
     vite-tsconfig-paths: 3.5.0
@@ -2132,7 +2141,7 @@ __metadata:
     react: ^18.2.0
     react-dom: ^18.2.0
     rimraf: ^3.0.2
-    typescript: ^4.8.4
+    typescript: ^5.3.2
     vite: ^3.2.2
   languageName: unknown
   linkType: soft
@@ -2145,7 +2154,7 @@ __metadata:
     rimraf: ^3.0.2
     solid-js: ^1.4.5
     solid-styled-components: ^0.28.4
-    typescript: ^4.8.4
+    typescript: ^5.3.2
     vite: ^3.2.2
     vite-plugin-solid: ^2.2.6
   languageName: unknown
@@ -2163,7 +2172,7 @@ __metadata:
     svelte-check: ^2.8.0
     svelte-preprocess: ^5.0.3
     tslib: ^2.4.0
-    typescript: ^4.8.4
+    typescript: ^5.3.2
     vite: ^3.2.2
   languageName: unknown
   linkType: soft
@@ -2174,7 +2183,7 @@ __metadata:
   dependencies:
     "@e2e-app/vue": "workspace:*"
     "@vitejs/plugin-vue2": ^1.1.2
-    typescript: ^4
+    typescript: ^5.3.2
     unplugin-vue-components: ^0.22.7
     vite: ^3.2.2
     vue: ^2.7
@@ -2191,10 +2200,10 @@ __metadata:
     "@e2e-app/vue": "workspace:*"
     "@vitejs/plugin-vue": ^2.3.3
     "@vue/devtools": ^6.5.0
-    typescript: ^4.8.4
+    typescript: ^5.3.2
     vite: ^3.2.2
     vue: ^3.2.37
-    vue-tsc: ^0.38.2
+    vue-tsc: ^1.8.22
   languageName: unknown
   linkType: soft
 
@@ -2204,10 +2213,10 @@ __metadata:
   dependencies:
     "@babel/types": 7.12.6
     "@types/eslint": ^7.2.4
-    "@typescript-eslint/parser": ^5.20.0
+    "@typescript-eslint/parser": ^6.13.1
     eslint: ^7.13.0
     ts-pattern: ^3.3.5
-    typescript: ^4.8.4
+    typescript: ^5.3.2
     vite: ^3.2.2
     vitest: ^0.34.6
   peerDependencies:
@@ -2258,7 +2267,7 @@ __metadata:
     ts-morph: ^19.0.0
     ts-node: ^8.4.1
     tsc-alias: ^1.8.8
-    typescript: ^4.8.4
+    typescript: ^5.3.2
     vite: ^3.2.2
     vitest: ^0.34.6
     vue-template-es2015-compiler: ^1.9.1
@@ -2313,8 +2322,8 @@ __metadata:
     "@babel/preset-env": ^7.6.0
     "@builder.io/e2e-app": "workspace:*"
     "@nrwl/nx-cloud": 15.0.2
-    "@typescript-eslint/eslint-plugin": ^5.27.1
-    "@typescript-eslint/parser": ^5.27.1
+    "@typescript-eslint/eslint-plugin": ^6.13.1
+    "@typescript-eslint/parser": ^6.13.1
     commitizen: ^3.0.2
     esbuild: 0.14.25
     esbuild-register: 3.3.2
@@ -2326,7 +2335,7 @@ __metadata:
     nx: 15.4.5
     prettier: ^2.3.2
     prettier-plugin-organize-imports: ^3.2.2
-    typescript: ^4.8.4
+    typescript: ^5.3.2
   languageName: unknown
   linkType: soft
 
@@ -2385,7 +2394,7 @@ __metadata:
     ts-morph: ^19.0.0
     ts-node: ^9.1.1
     tsc-alias: ^1.8.8
-    typescript: ^4.8.4
+    typescript: ^5.3.2
     universalify: ^2.0.0
     vite: ^4.5.0
     vite-tsconfig-paths: ^3.5.0
@@ -2457,7 +2466,7 @@ __metadata:
     svelte-check: ^2.7.1
     svelte-preprocess: ^5.0.3
     tslib: ^2.3.1
-    typescript: ^4
+    typescript: ^5.3.2
     vite: ^3.2.2
   languageName: unknown
   linkType: soft
@@ -2473,7 +2482,7 @@ __metadata:
     react: ^18.2.0
     react-dom: ^18.2.0
     rimraf: ^3.0.2
-    typescript: ^4.8.4
+    typescript: ^5.3.2
     vite: ^3.2.2
   languageName: unknown
   linkType: soft
@@ -2490,7 +2499,7 @@ __metadata:
     svelte-check: ^2.8.0
     svelte-preprocess: ^5.0.3
     tslib: ^2.4.0
-    typescript: ^4.8.4
+    typescript: ^5.3.2
     vite: ^3.2.2
   languageName: unknown
   linkType: soft
@@ -2687,7 +2696,7 @@ __metadata:
     "@vitejs/plugin-vue2": ^1.1.2
     "@vue/tsconfig": ^0.1.3
     terser: ^5.14.2
-    typescript: ^4
+    typescript: ^5.3.2
     vite: ^3.2.2
     vite-plugin-dts: ^1.5.0
     vue: ^2.7.7
@@ -2702,7 +2711,7 @@ __metadata:
     "@types/node": ^16.11.47
     "@vitejs/plugin-vue": ^3.0.1
     "@vue/tsconfig": ^0.1.3
-    typescript: ^4
+    typescript: ^5.3.2
     vite: ^3.2.2
     vite-plugin-dts: ^1.5.0
     vue: ^3.2.37
@@ -3014,6 +3023,24 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@eslint-community/eslint-utils@npm:^4.4.0":
+  version: 4.4.0
+  resolution: "@eslint-community/eslint-utils@npm:4.4.0"
+  dependencies:
+    eslint-visitor-keys: ^3.3.0
+  peerDependencies:
+    eslint: ^6.0.0 || ^7.0.0 || >=8.0.0
+  checksum: cdfe3ae42b4f572cbfb46d20edafe6f36fc5fb52bf2d90875c58aefe226892b9677fef60820e2832caf864a326fe4fc225714c46e8389ccca04d5f9288aabd22
+  languageName: node
+  linkType: hard
+
+"@eslint-community/regexpp@npm:^4.5.1":
+  version: 4.10.0
+  resolution: "@eslint-community/regexpp@npm:4.10.0"
+  checksum: 2a6e345429ea8382aaaf3a61f865cae16ed44d31ca917910033c02dc00d505d939f10b81e079fa14d43b51499c640138e153b7e40743c4c094d9df97d4e56f7b
+  languageName: node
+  linkType: hard
+
 "@eslint/eslintrc@npm:^0.4.3":
   version: 0.4.3
   resolution: "@eslint/eslintrc@npm:0.4.3"
@@ -4524,6 +4551,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@types/json-schema@npm:^7.0.12":
+  version: 7.0.15
+  resolution: "@types/json-schema@npm:7.0.15"
+  checksum: 97ed0cb44d4070aecea772b7b2e2ed971e10c81ec87dd4ecc160322ffa55ff330dace1793489540e3e318d90942064bb697cc0f8989391797792d919737b3b98
+  languageName: node
+  linkType: hard
+
 "@types/json5@npm:0.0.30":
   version: 0.0.30
   resolution: "@types/json5@npm:0.0.30"
@@ -4806,10 +4840,10 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@types/semver@npm:^7.3.12":
-  version: 7.3.13
-  resolution: "@types/semver@npm:7.3.13"
-  checksum: 00c0724d54757c2f4bc60b5032fe91cda6410e48689633d5f35ece8a0a66445e3e57fa1d6e07eb780f792e82ac542948ec4d0b76eb3484297b79bd18b8cf1cb0
+"@types/semver@npm:^7.5.0":
+  version: 7.5.6
+  resolution: "@types/semver@npm:7.5.6"
+  checksum: 563a0120ec0efcc326567db2ed920d5d98346f3638b6324ea6b50222b96f02a8add3c51a916b6897b51523aad8ac227d21d3dcf8913559f1bfc6c15b14d23037
   languageName: node
   linkType: hard
 
@@ -4873,84 +4907,28 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@typescript-eslint/eslint-plugin@npm:5.54.0":
-  version: 5.54.0
-  resolution: "@typescript-eslint/eslint-plugin@npm:5.54.0"
-  dependencies:
-    "@typescript-eslint/scope-manager": 5.54.0
-    "@typescript-eslint/type-utils": 5.54.0
-    "@typescript-eslint/utils": 5.54.0
-    debug: ^4.3.4
-    grapheme-splitter: ^1.0.4
-    ignore: ^5.2.0
-    natural-compare-lite: ^1.4.0
-    regexpp: ^3.2.0
-    semver: ^7.3.7
-    tsutils: ^3.21.0
-  peerDependencies:
-    "@typescript-eslint/parser": ^5.0.0
-    eslint: ^6.0.0 || ^7.0.0 || ^8.0.0
-  peerDependenciesMeta:
-    typescript:
-      optional: true
-  checksum: 4fdb520b8e0f6b9eb878206ddfa4212522f170d1507d7aba8a975159a198efa37af6d2d17982dd560317452d0748f2e2da5dd7347b172bc4446d1c5562ce2e94
-  languageName: node
-  linkType: hard
-
-"@typescript-eslint/eslint-plugin@npm:^5.27.1":
-  version: 5.29.0
-  resolution: "@typescript-eslint/eslint-plugin@npm:5.29.0"
-  dependencies:
-    "@typescript-eslint/scope-manager": 5.29.0
-    "@typescript-eslint/type-utils": 5.29.0
-    "@typescript-eslint/utils": 5.29.0
-    debug: ^4.3.4
-    functional-red-black-tree: ^1.0.1
-    ignore: ^5.2.0
-    regexpp: ^3.2.0
-    semver: ^7.3.7
-    tsutils: ^3.21.0
-  peerDependencies:
-    "@typescript-eslint/parser": ^5.0.0
-    eslint: ^6.0.0 || ^7.0.0 || ^8.0.0
-  peerDependenciesMeta:
-    typescript:
-      optional: true
-  checksum: b1022a640f80c314ac8b247a2ccdd21f4b523b3cb8906956f5d276008ac964c8a1e951b2b2b16ca9621eb795dc9bbf6447b5b767acfe4866a1bc3e3527d966fc
-  languageName: node
-  linkType: hard
-
-"@typescript-eslint/parser@npm:5.54.0":
-  version: 5.54.0
-  resolution: "@typescript-eslint/parser@npm:5.54.0"
+"@typescript-eslint/eslint-plugin@npm:^6.13.1":
+  version: 6.13.1
+  resolution: "@typescript-eslint/eslint-plugin@npm:6.13.1"
   dependencies:
-    "@typescript-eslint/scope-manager": 5.54.0
-    "@typescript-eslint/types": 5.54.0
-    "@typescript-eslint/typescript-estree": 5.54.0
-    debug: ^4.3.4
-  peerDependencies:
-    eslint: ^6.0.0 || ^7.0.0 || ^8.0.0
-  peerDependenciesMeta:
-    typescript:
-      optional: true
-  checksum: 368d6dd85be42c3f518f0ddeed23ecd1d3c9484a77ae291ee4e08e2703ed379bed613bde014cd8ab2a3e06e85dd8aef201112ae5e3d2a07deba29ae80bb1fe06
-  languageName: node
-  linkType: hard
-
-"@typescript-eslint/parser@npm:^5.20.0, @typescript-eslint/parser@npm:^5.27.1":
-  version: 5.29.0
-  resolution: "@typescript-eslint/parser@npm:5.29.0"
-  dependencies:
-    "@typescript-eslint/scope-manager": 5.29.0
-    "@typescript-eslint/types": 5.29.0
-    "@typescript-eslint/typescript-estree": 5.29.0
+    "@eslint-community/regexpp": ^4.5.1
+    "@typescript-eslint/scope-manager": 6.13.1
+    "@typescript-eslint/type-utils": 6.13.1
+    "@typescript-eslint/utils": 6.13.1
+    "@typescript-eslint/visitor-keys": 6.13.1
     debug: ^4.3.4
+    graphemer: ^1.4.0
+    ignore: ^5.2.4
+    natural-compare: ^1.4.0
+    semver: ^7.5.4
+    ts-api-utils: ^1.0.1
   peerDependencies:
-    eslint: ^6.0.0 || ^7.0.0 || ^8.0.0
+    "@typescript-eslint/parser": ^6.0.0 || ^6.0.0-alpha
+    eslint: ^7.0.0 || ^8.0.0
   peerDependenciesMeta:
     typescript:
       optional: true
-  checksum: 7805796638d1ddbe21f2627e9f03493ec17710e22ae81d2345f3e0f5ff9cbf6f0cd1b0e05d8d0b9aa08435bafdb6b5c86f27d7115f0959de43e3322b86c00709
+  checksum: 568093d76c200a8502047d74f29300110a59b9f2a5cbf995a6cbe419c803a7ec22220e9592a884401d2dde72c79346b4cc0ee393e7b422924ad4a8a2040af3b0
   languageName: node
   linkType: hard
 
@@ -4972,23 +4950,31 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@typescript-eslint/scope-manager@npm:5.29.0":
-  version: 5.29.0
-  resolution: "@typescript-eslint/scope-manager@npm:5.29.0"
+"@typescript-eslint/parser@npm:^6.13.1":
+  version: 6.13.1
+  resolution: "@typescript-eslint/parser@npm:6.13.1"
   dependencies:
-    "@typescript-eslint/types": 5.29.0
-    "@typescript-eslint/visitor-keys": 5.29.0
-  checksum: 540642bef9c55fd7692af98dfb42ab99eeb82553f42ab2a3c4e132e02b5ba492da1c6bf1ca6b02b900a678fc74399ad6c564c0ca20d91032090b6cbcb01a5bde
+    "@typescript-eslint/scope-manager": 6.13.1
+    "@typescript-eslint/types": 6.13.1
+    "@typescript-eslint/typescript-estree": 6.13.1
+    "@typescript-eslint/visitor-keys": 6.13.1
+    debug: ^4.3.4
+  peerDependencies:
+    eslint: ^7.0.0 || ^8.0.0
+  peerDependenciesMeta:
+    typescript:
+      optional: true
+  checksum: 58b7fef6f2d02c8f4737f9908a8d335a20bee20dba648233a69f28e7b39237791d2b9fbb818e628dcc053ddf16507b161ace7f1139e093d72365f1270c426de3
   languageName: node
   linkType: hard
 
-"@typescript-eslint/scope-manager@npm:5.54.0":
-  version: 5.54.0
-  resolution: "@typescript-eslint/scope-manager@npm:5.54.0"
+"@typescript-eslint/scope-manager@npm:6.13.1":
+  version: 6.13.1
+  resolution: "@typescript-eslint/scope-manager@npm:6.13.1"
   dependencies:
-    "@typescript-eslint/types": 5.54.0
-    "@typescript-eslint/visitor-keys": 5.54.0
-  checksum: e50f12396de0ddb94aab119bdd5f4769b80dd2c273e137fd25e5811e25114d7a3d3668cdb3c454aca9537e940744881d62a1fed2ec86f07f60533dc7382ae15c
+    "@typescript-eslint/types": 6.13.1
+    "@typescript-eslint/visitor-keys": 6.13.1
+  checksum: 109a213f82719e10f8c6a0168f2e105dc1369c7e0c075c1f30af137030fc866a3a585a77ff78a9a3538afc213061c8aedbb4462a91f26cbd90eefbab8b89ea10
   languageName: node
   linkType: hard
 
@@ -5002,50 +4988,20 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@typescript-eslint/type-utils@npm:5.29.0":
-  version: 5.29.0
-  resolution: "@typescript-eslint/type-utils@npm:5.29.0"
-  dependencies:
-    "@typescript-eslint/utils": 5.29.0
-    debug: ^4.3.4
-    tsutils: ^3.21.0
-  peerDependencies:
-    eslint: "*"
-  peerDependenciesMeta:
-    typescript:
-      optional: true
-  checksum: 686b8ff05a7591f76a2a1d3746b988168dcbd59c2f52de095b19e4f8e17063e03dc3d0f7b3d84f7be6880f2df97c3e184877664d0b4275ea9871c31d1e58c7d2
-  languageName: node
-  linkType: hard
-
-"@typescript-eslint/type-utils@npm:5.54.0":
-  version: 5.54.0
-  resolution: "@typescript-eslint/type-utils@npm:5.54.0"
+"@typescript-eslint/type-utils@npm:6.13.1":
+  version: 6.13.1
+  resolution: "@typescript-eslint/type-utils@npm:6.13.1"
   dependencies:
-    "@typescript-eslint/typescript-estree": 5.54.0
-    "@typescript-eslint/utils": 5.54.0
+    "@typescript-eslint/typescript-estree": 6.13.1
+    "@typescript-eslint/utils": 6.13.1
     debug: ^4.3.4
-    tsutils: ^3.21.0
+    ts-api-utils: ^1.0.1
   peerDependencies:
-    eslint: "*"
+    eslint: ^7.0.0 || ^8.0.0
   peerDependenciesMeta:
     typescript:
       optional: true
-  checksum: 9cb5b52c7277bdf74b9ea3282fc40f41fda90ea4b1d33039044476e43cf05a766b1294e7d45f429594f2776828f7d17729cfa4ea027315f3df883e748ba57514
-  languageName: node
-  linkType: hard
-
-"@typescript-eslint/types@npm:5.29.0":
-  version: 5.29.0
-  resolution: "@typescript-eslint/types@npm:5.29.0"
-  checksum: 982ecdd69103105cabff8deac7f82f6002cf909238702ce902133e9af655cd962f977d5adf650c5ddae80d8c0e46abe1612a9141b25c7ed20ba8d662eb7ab871
-  languageName: node
-  linkType: hard
-
-"@typescript-eslint/types@npm:5.54.0":
-  version: 5.54.0
-  resolution: "@typescript-eslint/types@npm:5.54.0"
-  checksum: 0f66b1b93078f3afea6dfcd3d4e2f0abea4f60cd0c613c2cf13f85098e5bf786185484c9846ed80b6c4272de2c31a70c5a8aacb91314cf1b6da7dcb8855cb7ac
+  checksum: e39d28dd2f3b47a26b4f6aa2c7a301bdd769ce9148d734be93441a813c3d1111eba1d655677355bba5519f3d4dbe93e4ff4e46830216b0302df0070bf7a80057
   languageName: node
   linkType: hard
 
@@ -5056,6 +5012,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@typescript-eslint/types@npm:6.13.1":
+  version: 6.13.1
+  resolution: "@typescript-eslint/types@npm:6.13.1"
+  checksum: bb1d52f1646bab9acd3ec874567ffbaaaf7fe4a5f79845bdacbfea46d15698e58d45797da05b08c23f9496a17229b7f2c1363d000fd89ce4e79874fd57ba1d4a
+  languageName: node
+  linkType: hard
+
 "@typescript-eslint/types@npm:6.8.0":
   version: 6.8.0
   resolution: "@typescript-eslint/types@npm:6.8.0"
@@ -5063,39 +5026,21 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@typescript-eslint/typescript-estree@npm:5.29.0":
-  version: 5.29.0
-  resolution: "@typescript-eslint/typescript-estree@npm:5.29.0"
+"@typescript-eslint/typescript-estree@npm:6.13.1":
+  version: 6.13.1
+  resolution: "@typescript-eslint/typescript-estree@npm:6.13.1"
   dependencies:
-    "@typescript-eslint/types": 5.29.0
-    "@typescript-eslint/visitor-keys": 5.29.0
+    "@typescript-eslint/types": 6.13.1
+    "@typescript-eslint/visitor-keys": 6.13.1
     debug: ^4.3.4
     globby: ^11.1.0
     is-glob: ^4.0.3
-    semver: ^7.3.7
-    tsutils: ^3.21.0
-  peerDependenciesMeta:
-    typescript:
-      optional: true
-  checksum: b91107a9fc31bf511aaa70f1e6d1d832d3acf08cfe999c870169447a7c223abff54c1d604bbb08d7c069dd98b43fb279bc314d1726097704fe8ad4c6e0969b12
-  languageName: node
-  linkType: hard
-
-"@typescript-eslint/typescript-estree@npm:5.54.0":
-  version: 5.54.0
-  resolution: "@typescript-eslint/typescript-estree@npm:5.54.0"
-  dependencies:
-    "@typescript-eslint/types": 5.54.0
-    "@typescript-eslint/visitor-keys": 5.54.0
-    debug: ^4.3.4
-    globby: ^11.1.0
-    is-glob: ^4.0.3
-    semver: ^7.3.7
-    tsutils: ^3.21.0
+    semver: ^7.5.4
+    ts-api-utils: ^1.0.1
   peerDependenciesMeta:
     typescript:
       optional: true
-  checksum: 377c75c34c4f95b7ab6218c1d96a6db3ea6ed6727711b6a09354582fe0157861dc1b6fb9e3f7113cd09741f713735d59d5ab5845457f5733a4ebad7470bf600a
+  checksum: 09aa0f5cbd60e84df4f58f3d479be352549600b24dbefe75c686ea89252526c52c1c06ce1ae56c0405dd7337002e741c2ba02b71fb1caa3b94a740a70fcc8699
   languageName: node
   linkType: hard
 
@@ -5135,57 +5080,20 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@typescript-eslint/utils@npm:5.29.0":
-  version: 5.29.0
-  resolution: "@typescript-eslint/utils@npm:5.29.0"
-  dependencies:
-    "@types/json-schema": ^7.0.9
-    "@typescript-eslint/scope-manager": 5.29.0
-    "@typescript-eslint/types": 5.29.0
-    "@typescript-eslint/typescript-estree": 5.29.0
-    eslint-scope: ^5.1.1
-    eslint-utils: ^3.0.0
-  peerDependencies:
-    eslint: ^6.0.0 || ^7.0.0 || ^8.0.0
-  checksum: 216f51fb9c176437919af55db9ed14db8af7b020611e954c06e69956b9e3248cbfe6a218013d6c17b716116dca6566a4c03710f9b48ce4e94f89312d61c16d07
-  languageName: node
-  linkType: hard
-
-"@typescript-eslint/utils@npm:5.54.0":
-  version: 5.54.0
-  resolution: "@typescript-eslint/utils@npm:5.54.0"
+"@typescript-eslint/utils@npm:6.13.1":
+  version: 6.13.1
+  resolution: "@typescript-eslint/utils@npm:6.13.1"
   dependencies:
-    "@types/json-schema": ^7.0.9
-    "@types/semver": ^7.3.12
-    "@typescript-eslint/scope-manager": 5.54.0
-    "@typescript-eslint/types": 5.54.0
-    "@typescript-eslint/typescript-estree": 5.54.0
-    eslint-scope: ^5.1.1
-    eslint-utils: ^3.0.0
-    semver: ^7.3.7
+    "@eslint-community/eslint-utils": ^4.4.0
+    "@types/json-schema": ^7.0.12
+    "@types/semver": ^7.5.0
+    "@typescript-eslint/scope-manager": 6.13.1
+    "@typescript-eslint/types": 6.13.1
+    "@typescript-eslint/typescript-estree": 6.13.1
+    semver: ^7.5.4
   peerDependencies:
-    eslint: ^6.0.0 || ^7.0.0 || ^8.0.0
-  checksum: b8f344fc2961c7af530b93e53d5a17b5084cdf550b381082e3fb7f349ef16e718d9eebde1b9fc2d8fc4ecf8d60d334b004359977247554265c1afc87323bed37
-  languageName: node
-  linkType: hard
-
-"@typescript-eslint/visitor-keys@npm:5.29.0":
-  version: 5.29.0
-  resolution: "@typescript-eslint/visitor-keys@npm:5.29.0"
-  dependencies:
-    "@typescript-eslint/types": 5.29.0
-    eslint-visitor-keys: ^3.3.0
-  checksum: 15f228ad9ffaf0e42cc6b2ee4e5095c1e89c4c2dc46a65d19ca0e2296d88c08a1192039d942bd9600b1496176749f6322d636dd307602dbab90404a9501b4d6e
-  languageName: node
-  linkType: hard
-
-"@typescript-eslint/visitor-keys@npm:5.54.0":
-  version: 5.54.0
-  resolution: "@typescript-eslint/visitor-keys@npm:5.54.0"
-  dependencies:
-    "@typescript-eslint/types": 5.54.0
-    eslint-visitor-keys: ^3.3.0
-  checksum: 17fc323c09e6272b603cdaec30a99916600fbbb737e1fbc8c1727a487753b4363cea112277fa43e0562bff34bdd1de9ad73ff9433118b1fd469b112fad0313ca
+    eslint: ^7.0.0 || ^8.0.0
+  checksum: 14f64840869c8755af4d287cfc74abc424dc139559e87ca1a8b0e850f4fa56311d99dfb61a43dd4433eae5914be12b4b3390e55de1f236dce6701830d17e31c9
   languageName: node
   linkType: hard
 
@@ -5199,6 +5107,16 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@typescript-eslint/visitor-keys@npm:6.13.1":
+  version: 6.13.1
+  resolution: "@typescript-eslint/visitor-keys@npm:6.13.1"
+  dependencies:
+    "@typescript-eslint/types": 6.13.1
+    eslint-visitor-keys: ^3.4.1
+  checksum: d15d362203a2fe995ea62a59d5b44c15c8fb1fb30ff59dd1542a980f75b3b62035303dfb781d83709921613f6ac8cc5bf57b70f6e20d820aec8b7911f07152e9
+  languageName: node
+  linkType: hard
+
 "@typescript-eslint/visitor-keys@npm:6.8.0":
   version: 6.8.0
   resolution: "@typescript-eslint/visitor-keys@npm:6.8.0"
@@ -5329,15 +5247,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@volar/code-gen@npm:0.38.2":
-  version: 0.38.2
-  resolution: "@volar/code-gen@npm:0.38.2"
-  dependencies:
-    "@volar/source-map": 0.38.2
-  checksum: 84062d9ab12838dbf6eda86c2c3d76d6210d747159aa8fa4b0f6b931e0a332256a5b656e5700979060e90587e08a80ba0e3885139888b62f56bf8d9fa57e26da
-  languageName: node
-  linkType: hard
-
 "@volar/code-gen@npm:0.38.9":
   version: 0.38.9
   resolution: "@volar/code-gen@npm:0.38.9"
@@ -5356,10 +5265,12 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@volar/source-map@npm:0.38.2":
-  version: 0.38.2
-  resolution: "@volar/source-map@npm:0.38.2"
-  checksum: 350778443e280a66be9d797a9a934eb6893440b1f0c317aef7afc146dde3c28e5a51549f5b69657a55e650c4a9aeee1d803fc938c208262c1b4e37d32fa6c473
+"@volar/language-core@npm:1.10.10, @volar/language-core@npm:~1.10.5":
+  version: 1.10.10
+  resolution: "@volar/language-core@npm:1.10.10"
+  dependencies:
+    "@volar/source-map": 1.10.10
+  checksum: df4e3c3ab261959a5b42e2d8b032413bfd9c4a7e985c35fc81d1cb5aacddd5f2106f29143387da9c1b478b654377324a25eac31193dd381552a1201cbf1389fa
   languageName: node
   linkType: hard
 
@@ -5377,6 +5288,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@volar/source-map@npm:1.10.10, @volar/source-map@npm:~1.10.5":
+  version: 1.10.10
+  resolution: "@volar/source-map@npm:1.10.10"
+  dependencies:
+    muggle-string: ^0.3.1
+  checksum: d76c230a868e87a5b8ef5902f217b407e2463d3ce165db27e7f0c0ae59a52babbcb7672a8c3189a3461c065cc7f41e5d0d0d05faf9e7845d9e68db2a0ad4b414
+  languageName: node
+  linkType: hard
+
 "@volar/typescript-faster@npm:0.39.5":
   version: 0.39.5
   resolution: "@volar/typescript-faster@npm:0.39.5"
@@ -5386,16 +5306,13 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@volar/vue-code-gen@npm:0.38.2":
-  version: 0.38.2
-  resolution: "@volar/vue-code-gen@npm:0.38.2"
+"@volar/typescript@npm:~1.10.5":
+  version: 1.10.10
+  resolution: "@volar/typescript@npm:1.10.10"
   dependencies:
-    "@volar/code-gen": 0.38.2
-    "@volar/source-map": 0.38.2
-    "@vue/compiler-core": ^3.2.37
-    "@vue/compiler-dom": ^3.2.37
-    "@vue/shared": ^3.2.37
-  checksum: c5d52b770bcf81d85033f387a463f052e1168ed6ba65c8ec959017c59f96bfe8a90a9a0a893c7ba719669b6f91b6ba6698d81519dac2f5fb675f7baa3f35b140
+    "@volar/language-core": 1.10.10
+    path-browserify: ^1.0.1
+  checksum: a67036aa8c53fcaf1f6ae0286c5d9440350adbe1b0a9e0f5c44a61c6e91850c39c490e5c45ddc4fd8dea71ece406ec754fbf20ab7cf588a26f1fa5b475373779
   languageName: node
   linkType: hard
 
@@ -5438,19 +5355,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@volar/vue-typescript@npm:0.38.2":
-  version: 0.38.2
-  resolution: "@volar/vue-typescript@npm:0.38.2"
-  dependencies:
-    "@volar/code-gen": 0.38.2
-    "@volar/source-map": 0.38.2
-    "@volar/vue-code-gen": 0.38.2
-    "@vue/compiler-sfc": ^3.2.37
-    "@vue/reactivity": ^3.2.37
-  checksum: 772668a0482683843cddb0264e88b27e337d0822f25b385c3771398838b0f82810599edd77b83ccbb1883c10708462aab0dffbee300f333ba8e48404061666d5
-  languageName: node
-  linkType: hard
-
 "@volar/vue-typescript@npm:0.38.9":
   version: 0.38.9
   resolution: "@volar/vue-typescript@npm:0.38.9"
@@ -5487,6 +5391,18 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@vue/compiler-core@npm:3.3.9":
+  version: 3.3.9
+  resolution: "@vue/compiler-core@npm:3.3.9"
+  dependencies:
+    "@babel/parser": ^7.23.3
+    "@vue/shared": 3.3.9
+    estree-walker: ^2.0.2
+    source-map-js: ^1.0.2
+  checksum: 92a5340088a2b5a596bc12815f5da0b1817e8fea77ed570d365518204125b23c8bc8ebf214e1e9e9c130fb6cc246a358cedb30d02522efc46c349e2e3df1db5f
+  languageName: node
+  linkType: hard
+
 "@vue/compiler-dom@npm:3.2.37, @vue/compiler-dom@npm:^3.2.37":
   version: 3.2.37
   resolution: "@vue/compiler-dom@npm:3.2.37"
@@ -5497,6 +5413,16 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@vue/compiler-dom@npm:^3.3.0":
+  version: 3.3.9
+  resolution: "@vue/compiler-dom@npm:3.3.9"
+  dependencies:
+    "@vue/compiler-core": 3.3.9
+    "@vue/shared": 3.3.9
+  checksum: 15944dc2d322717372f8f41d77c184f62069e7386f089b01ef8e611fcde278989fcb3b4d6624c1ba175c16b32bc590c228629526820c074b46543ca30c991a9e
+  languageName: node
+  linkType: hard
+
 "@vue/compiler-sfc@npm:2.7.14":
   version: 2.7.14
   resolution: "@vue/compiler-sfc@npm:2.7.14"
@@ -5553,6 +5479,27 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@vue/language-core@npm:1.8.22":
+  version: 1.8.22
+  resolution: "@vue/language-core@npm:1.8.22"
+  dependencies:
+    "@volar/language-core": ~1.10.5
+    "@volar/source-map": ~1.10.5
+    "@vue/compiler-dom": ^3.3.0
+    "@vue/shared": ^3.3.0
+    computeds: ^0.0.1
+    minimatch: ^9.0.3
+    muggle-string: ^0.3.1
+    vue-template-compiler: ^2.7.14
+  peerDependencies:
+    typescript: "*"
+  peerDependenciesMeta:
+    typescript:
+      optional: true
+  checksum: c2c75209055497c5597f8530bdc414730444214179fa7c9fe92aba61879d8ef873a918905586592e87f102ed42a44940f831fe7b36cf41e2839468a307ea4fec
+  languageName: node
+  linkType: hard
+
 "@vue/reactivity-transform@npm:3.2.37":
   version: 3.2.37
   resolution: "@vue/reactivity-transform@npm:3.2.37"
@@ -5631,6 +5578,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@vue/shared@npm:3.3.9, @vue/shared@npm:^3.3.0":
+  version: 3.3.9
+  resolution: "@vue/shared@npm:3.3.9"
+  checksum: 6b6b62d7a36668da4eb0e31ef647caebeda0661f9146bcf056518b32f80d813e541da8cfee081dd516b578772b2f620fcf990c63b2f90c4eaa06ce91a0b7d855
+  languageName: node
+  linkType: hard
+
 "@vue/tsconfig@npm:^0.1.3":
   version: 0.1.3
   resolution: "@vue/tsconfig@npm:0.1.3"
@@ -7650,6 +7604,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"computeds@npm:^0.0.1":
+  version: 0.0.1
+  resolution: "computeds@npm:0.0.1"
+  checksum: 9d81c5850b7c48072253e15e369f72da22288e9d6a9be32adc2729ba076dddec51078e84e00dae9c567cdb2c6e1dd5981f985561b519976a29f1ecc9869779f2
+  languageName: node
+  linkType: hard
+
 "concat-map@npm:0.0.1":
   version: 0.0.1
   resolution: "concat-map@npm:0.0.1"
@@ -12135,6 +12096,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"ignore@npm:^5.2.4":
+  version: 5.3.0
+  resolution: "ignore@npm:5.3.0"
+  checksum: 2736da6621f14ced652785cb05d86301a66d70248597537176612bd0c8630893564bd5f6421f8806b09e8472e75c591ef01672ab8059c07c6eb2c09cefe04bf9
+  languageName: node
+  linkType: hard
+
 "image-size@npm:~0.5.0":
   version: 0.5.5
   resolution: "image-size@npm:0.5.5"
@@ -14859,6 +14827,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"minimatch@npm:^9.0.3":
+  version: 9.0.3
+  resolution: "minimatch@npm:9.0.3"
+  dependencies:
+    brace-expansion: ^2.0.1
+  checksum: 253487976bf485b612f16bf57463520a14f512662e592e95c571afdab1442a6a6864b6c88f248ce6fc4ff0b6de04ac7aa6c8bb51e868e99d1d65eb0658a708b5
+  languageName: node
+  linkType: hard
+
 "minimist@npm:1.2.0":
   version: 1.2.0
   resolution: "minimist@npm:1.2.0"
@@ -15090,6 +15067,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"muggle-string@npm:^0.3.1":
+  version: 0.3.1
+  resolution: "muggle-string@npm:0.3.1"
+  checksum: f2357f906e0160b7df0179c77838cf859f3ca23cb74eca7c043b9fc9e1e416d91497c80fbe2f3c9aeb003c14ad15857fc4e94f1631e8a6695b07e4135626d305
+  languageName: node
+  linkType: hard
+
 "multicast-dns@npm:^7.2.5":
   version: 7.2.5
   resolution: "multicast-dns@npm:7.2.5"
@@ -15190,13 +15174,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"natural-compare-lite@npm:^1.4.0":
-  version: 1.4.0
-  resolution: "natural-compare-lite@npm:1.4.0"
-  checksum: 5222ac3986a2b78dd6069ac62cbb52a7bf8ffc90d972ab76dfe7b01892485d229530ed20d0c62e79a6b363a663b273db3bde195a1358ce9e5f779d4453887225
-  languageName: node
-  linkType: hard
-
 "natural-compare@npm:^1.4.0":
   version: 1.4.0
   resolution: "natural-compare@npm:1.4.0"
@@ -20730,37 +20707,17 @@ __metadata:
   languageName: node
   linkType: hard
 
-"typescript@npm:*":
-  version: 4.7.4
-  resolution: "typescript@npm:4.7.4"
-  bin:
-    tsc: bin/tsc
-    tsserver: bin/tsserver
-  checksum: 5750181b1cd7e6482c4195825547e70f944114fb47e58e4aa7553e62f11b3f3173766aef9c281783edfd881f7b8299cf35e3ca8caebe73d8464528c907a164df
-  languageName: node
-  linkType: hard
-
-"typescript@npm:4.9.5":
-  version: 4.9.5
-  resolution: "typescript@npm:4.9.5"
-  bin:
-    tsc: bin/tsc
-    tsserver: bin/tsserver
-  checksum: ee000bc26848147ad423b581bd250075662a354d84f0e06eb76d3b892328d8d4440b7487b5a83e851b12b255f55d71835b008a66cbf8f255a11e4400159237db
-  languageName: node
-  linkType: hard
-
-"typescript@npm:^4":
-  version: 4.9.3
-  resolution: "typescript@npm:4.9.3"
+"typescript@npm:*, typescript@npm:^5.3.2":
+  version: 5.3.2
+  resolution: "typescript@npm:5.3.2"
   bin:
     tsc: bin/tsc
     tsserver: bin/tsserver
-  checksum: 17b8f816050b412403e38d48eef0e893deb6be522d6dc7caf105e54a72e34daf6835c447735fd2b28b66784e72bfbf87f627abb4818a8e43d1fa8106396128dc
+  checksum: d92534dda639eb825db013203404c1fabca8ac630564283c9e7dc9e64fd9c9346c2de95ecebdf3e6e8c1c32941bca1cfe0da37877611feb9daf8feeaea58d230
   languageName: node
   linkType: hard
 
-"typescript@npm:^4.8.4, typescript@npm:~4.8.4":
+"typescript@npm:~4.8.4":
   version: 4.8.4
   resolution: "typescript@npm:4.8.4"
   bin:
@@ -20770,37 +20727,17 @@ __metadata:
   languageName: node
   linkType: hard
 
-"typescript@patch:typescript@*#~builtin<compat/typescript>":
-  version: 4.7.4
-  resolution: "typescript@patch:typescript@npm%3A4.7.4#~builtin<compat/typescript>::version=4.7.4&hash=bda367"
-  bin:
-    tsc: bin/tsc
-    tsserver: bin/tsserver
-  checksum: 96d3030cb01143570567cb4f3a616b10df65f658f0e74e853e77a089a6a954e35c800be7db8b9bfe9a1ae05d9c2897e281359f65e4caa1caf266368e1c4febd3
-  languageName: node
-  linkType: hard
-
-"typescript@patch:typescript@4.9.5#~builtin<compat/typescript>":
-  version: 4.9.5
-  resolution: "typescript@patch:typescript@npm%3A4.9.5#~builtin<compat/typescript>::version=4.9.5&hash=bda367"
-  bin:
-    tsc: bin/tsc
-    tsserver: bin/tsserver
-  checksum: 2eee5c37cad4390385db5db5a8e81470e42e8f1401b0358d7390095d6f681b410f2c4a0c496c6ff9ebd775423c7785cdace7bcdad76c7bee283df3d9718c0f20
-  languageName: node
-  linkType: hard
-
-"typescript@patch:typescript@^4#~builtin<compat/typescript>":
-  version: 4.9.3
-  resolution: "typescript@patch:typescript@npm%3A4.9.3#~builtin<compat/typescript>::version=4.9.3&hash=bda367"
+"typescript@patch:typescript@*#~builtin<compat/typescript>, typescript@patch:typescript@^5.3.2#~builtin<compat/typescript>":
+  version: 5.3.2
+  resolution: "typescript@patch:typescript@npm%3A5.3.2#~builtin<compat/typescript>::version=5.3.2&hash=bda367"
   bin:
     tsc: bin/tsc
     tsserver: bin/tsserver
-  checksum: ef65c22622d864497d0a0c5db693523329b3284c15fe632e93ad9aa059e8dc38ef3bd767d6f26b1e5ecf9446f49bd0f6c4e5714a2eeaf352805dc002479843d1
+  checksum: c034461079fbfde3cb584ddee52afccb15b6e32a0ce186d0b2719968786f7ca73e1b07f71fac4163088790b16811c6ccf79680de190664ef66ff0ba9c1fe4a23
   languageName: node
   linkType: hard
 
-"typescript@patch:typescript@^4.8.4#~builtin<compat/typescript>, typescript@patch:typescript@~4.8.4#~builtin<compat/typescript>":
+"typescript@patch:typescript@~4.8.4#~builtin<compat/typescript>":
   version: 4.8.4
   resolution: "typescript@patch:typescript@npm%3A4.8.4#~builtin<compat/typescript>::version=4.8.4&hash=bda367"
   bin:
@@ -21533,6 +21470,16 @@ __metadata:
   languageName: node
   linkType: hard
 
+"vue-template-compiler@npm:^2.7.14":
+  version: 2.7.15
+  resolution: "vue-template-compiler@npm:2.7.15"
+  dependencies:
+    de-indent: ^1.0.2
+    he: ^1.2.0
+  checksum: 79a0c70babf5f85caa05df82aae1e135a491a86a7dc2769e747a017f84d76b1d066f7ac421b75c8ca9a9582bfe48bf673c4e9190c8e1bfd8f0f7037f9fc7988e
+  languageName: node
+  linkType: hard
+
 "vue-template-compiler@npm:^2.7.8":
   version: 2.7.14
   resolution: "vue-template-compiler@npm:2.7.14"
@@ -21561,19 +21508,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"vue-tsc@npm:^0.38.2":
-  version: 0.38.2
-  resolution: "vue-tsc@npm:0.38.2"
-  dependencies:
-    "@volar/vue-typescript": 0.38.2
-  peerDependencies:
-    typescript: "*"
-  bin:
-    vue-tsc: bin/vue-tsc.js
-  checksum: cb6aace5ee7d8b37a0ea4ea02bfc210b7b94b3fe5a65df30a9dab6a6ee5473482a64a68784b15365bec374992c7f84b77ff69438671d225f78415022801dba15
-  languageName: node
-  linkType: hard
-
 "vue-tsc@npm:^0.38.8":
   version: 0.38.9
   resolution: "vue-tsc@npm:0.38.9"
@@ -21601,6 +21535,21 @@ __metadata:
   languageName: node
   linkType: hard
 
+"vue-tsc@npm:^1.8.22":
+  version: 1.8.22
+  resolution: "vue-tsc@npm:1.8.22"
+  dependencies:
+    "@volar/typescript": ~1.10.5
+    "@vue/language-core": 1.8.22
+    semver: ^7.5.4
+  peerDependencies:
+    typescript: "*"
+  bin:
+    vue-tsc: bin/vue-tsc.js
+  checksum: b8681c9d2307a0fc357e5a52d226b39c025e5642f929aef5030997db6daa726f49cd2a12585f6a27499be8cb91c6fef824448f5e91a571d7dfde5e5080e6c4be
+  languageName: node
+  linkType: hard
+
 "vue@npm:^2.7, vue@npm:^2.7.7":
   version: 2.7.14
   resolution: "vue@npm:2.7.14"