fix: types

Author: Kholid060

package.json

@@ -48,7 +48,7 @@
     "radix-vue": "^1.3.2",
     "specificity": "^1.0.0",
     "type-fest": "^4.10.2",
-    "vue": "^3.4.10",
+    "vue": "^3.5.0",
     "webextension-polyfill": "0.10.0"
   },
   "devDependencies": {
@@ -87,9 +87,9 @@
     "ts-loader": "9.5.0",
     "tslib": "2.6.2",
     "typescript": "^5.3.3",
-    "vite": "5.0.12",
+    "vite": "5.4.3",
     "vue-eslint-parser": "^9.4.0",
-    "vue-tsc": "^1.8.27",
+    "vue-tsc": "^2.1.4",
     "ws": "8.14.2"
   },
   "lint-staged": {

pnpm-lock.yaml

@@ -14,6 +14,7 @@ import { cssCompletionSource } from '@codemirror/lang-css';
 /// highlighting and indentation information.
 export const cssLanguage = LRLanguage.define({
   name: 'css',
+  // @ts-expect-error IDK
   parser: parser.configure({
     props: [
       indentNodeProp.add({

src/lib/codemirror/css.ts

@@ -57,12 +57,12 @@ import { DOM_NAVIGATOR_KEY } from '../../content/ui/keys';
 import { ToolbarNavigatorState } from '../../content/ui/app/toolbar/ToolbarNavigator.vue';
 
 interface Props {
-  path: string;
-  depth: number;
+  path?: string;
+  depth?: number;
   childIndex: number;
-  defaultOpen: boolean;
+  defaultOpen?: boolean;
   nodeObject: NodeObject;
-  parentNode: NodeObject | null;
+  parentNode?: NodeObject | null;
 }
 
 const props = withDefaults(defineProps<Props>(), {

src/pages/components/dom-navigation/DomNavigationItem.vue

@@ -19,10 +19,10 @@ import { themeInit } from '@root/src/lib/codemirror/theme';
 import type { CreateThemeOptions } from '@uiw/codemirror-themes';
 
 interface Props {
-  modelValue: string;
-  placeholder: string;
-  extensions: Extension[];
-  viewOptions: EditorViewConfig;
+  modelValue?: string;
+  placeholder?: string;
+  extensions?: Extension[];
+  viewOptions?: EditorViewConfig;
   themeOptions: Partial<CreateThemeOptions>;
 }
 const props = withDefaults(defineProps<Props>(), {

src/pages/components/ui/UiCodemirror.vue

@@ -23,7 +23,7 @@ import UiCodemirror from '@root/src/pages/components/ui/UiCodemirror.vue';
 import { useAppProvider } from '../../app-plugin';
 
 interface Props {
-  styleId: string;
+  styleId?: string;
   modelValue: string;
 }
 const props = withDefaults(defineProps<Props>(), {

src/pages/content/ui/app/detail/DetailCSSEditor.vue

@@ -20,8 +20,8 @@ import { EL_ATTR_NAME, SESSION_STORAGE_KEY } from '@root/src/utils/constant';
 import { XIcon, GripHorizontalIcon } from 'lucide-vue-next';
 
 interface Props {
-  selectedEl: Element;
-  containerEl: Element;
+  selectedEl?: Element;
+  containerEl?: Element;
   lastPosition: null | { x: number; y: number };
 }