diff --git a/examples/preact-ts/src/app.tsx b/examples/preact-ts/src/app.tsx index 849190fd..f21e9c69 100644 --- a/examples/preact-ts/src/app.tsx +++ b/examples/preact-ts/src/app.tsx @@ -1,41 +1,96 @@ -import { useRef, useEffect } from "preact/hooks" -import { createZoomImageHover } from "@zoom-image/core" +import { useRef, useEffect, useState, useMemo } from "preact/hooks" +import { createZoomImageHover, createZoomImageWheel } from "@zoom-image/core" function App() { - const imageContainerRef = useRef(null) + const [tabs, setTabs] = useState< + { + name: string + href: string + current: boolean + value: "wheel" | "hover" + }[] + >([ + { name: "Zoom Image Wheel", href: "#", current: true, value: "wheel" }, + { name: "Zoom Image Hover", href: "#", current: false, value: "hover" }, + ]) + const zoomType = useMemo(() => tabs.find((tab) => tab.current)?.value, [tabs]) + const imageWheelContainerRef = useRef(null) + const imageHoverContainerRef = useRef(null) const zoomTargetRef = useRef(null) + const makeHandleTabClick = (tab: (typeof tabs)[0]) => () => { + setTabs( + tabs.map((t) => { + if (t.name === tab.name) { + return { ...t, current: true } + } else { + return { ...t, current: false } + } + }), + ) + } + useEffect(() => { - const imageContainer = imageContainerRef.current - const zoomTarget = zoomTargetRef.current + let cleanup: () => void = () => {} - if (!imageContainer) { - throw new Error("Image container not found") + if (zoomType === "hover") { + const imageContainer = imageHoverContainerRef.current as HTMLDivElement + const zoomTarget = zoomTargetRef.current as HTMLDivElement + const result = createZoomImageHover(imageContainer, { + zoomImageSource: "/large.webp", + customZoom: { width: 300, height: 500 }, + zoomTarget, + scaleFactor: 0.5, + }) + cleanup = result.cleanup } - if (!zoomTarget) { - throw new Error("Zoom target not found") + if (zoomType === "wheel") { + const imageContainer = imageWheelContainerRef.current as HTMLDivElement + const result = createZoomImageWheel(imageContainer) + cleanup = result.cleanup } - const { cleanup } = createZoomImageHover(imageContainer, { - zoomImageSource: "/large.webp", - customZoom: { width: 820, height: 820 }, - zoomTarget, - scaleFactor: 0.5, - }) - return cleanup - }, []) + }, [zoomType]) return ( -
-

Zoom Image Hover

-
-
- Small Pic +
+ + + {zoomType === "wheel" && ( +
+ Large Pic +
+ )} + + {zoomType === "hover" && ( +
+ Small Pic +
-
-
+ )}
) } diff --git a/examples/preact-ts/src/index.css b/examples/preact-ts/src/index.css deleted file mode 100644 index 8f90f6de..00000000 --- a/examples/preact-ts/src/index.css +++ /dev/null @@ -1,50 +0,0 @@ -*, -*::before, -*::after { - box-sizing: border-box; - margin: 0; - position: relative; - font-weight: normal; -} - -body { - min-height: 100vh; - - transition: color 0.5s, background-color 0.5s; - line-height: 1.6; - font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", - "Droid Sans", "Helvetica Neue", sans-serif; - font-size: 15px; - text-rendering: optimizeLegibility; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; -} - -.wrapper { - padding: 16px; -} - -.demo-image-hover { - position: relative; - display: flex; - flex-direction: row; - align-items: start; -} - -.image-hover-container { - position: relative; - margin-right: 10px; - width: 416px; - height: 416px; -} - -.image-hover { - width: 100%; - height: 100%; -} - -.zoom-hover-target { - position: absolute; - display: block; - left: 500px; -} diff --git a/examples/preact-ts/src/main.tsx b/examples/preact-ts/src/main.tsx index f799efcc..3bcf75e8 100644 --- a/examples/preact-ts/src/main.tsx +++ b/examples/preact-ts/src/main.tsx @@ -1,5 +1,6 @@ +// eslint-disable-next-line import/no-unresolved +import "uno.css" import { render } from "preact" import App from "./app.tsx" -import "./index.css" render(, document.getElementById("app") as HTMLElement) diff --git a/examples/preact-ts/vite.config.ts b/examples/preact-ts/vite.config.ts index c8a21573..40ab8706 100644 --- a/examples/preact-ts/vite.config.ts +++ b/examples/preact-ts/vite.config.ts @@ -1,7 +1,9 @@ import { defineConfig } from "vite" import preact from "@preact/preset-vite" +// eslint-disable-next-line import/no-unresolved +import UnoCSS from "unocss/vite" // https://vitejs.dev/config/ export default defineConfig({ - plugins: [preact()], + plugins: [preact(), UnoCSS()], }) diff --git a/examples/react-ts/package.json b/examples/react-ts/package.json index a6a36575..31dcdbfc 100644 --- a/examples/react-ts/package.json +++ b/examples/react-ts/package.json @@ -14,15 +14,16 @@ "react-dom": "^18.2.0" }, "devDependencies": { - "@types/react": "^18.2.0", - "@types/react-dom": "^18.2.1", + "@types/react": "^18.2.4", + "@types/react-dom": "^18.2.3", "@typescript-eslint/eslint-plugin": "^5.59.2", "@typescript-eslint/parser": "^5.59.2", "@vitejs/plugin-react": "^4.0.0", "eslint": "^8.39.0", "eslint-plugin-react-hooks": "^4.6.0", - "eslint-plugin-react-refresh": "^0.4.0", + "eslint-plugin-react-refresh": "^0.4.1", "typescript": "^5.0.4", + "unocss": "^0.51.8", "vite": "^4.3.4" } } diff --git a/examples/react-ts/src/App.tsx b/examples/react-ts/src/App.tsx index faa2666f..a0f606f7 100644 --- a/examples/react-ts/src/App.tsx +++ b/examples/react-ts/src/App.tsx @@ -1,41 +1,98 @@ -import React from "react" -import { createZoomImageHover } from "@zoom-image/core" +import { useRef, useEffect, useState, useMemo } from "react" +import { createZoomImageHover, createZoomImageWheel } from "@zoom-image/core" function App() { - const imageContainerRef = React.useRef(null) - const zoomTargetRef = React.useRef(null) + const [tabs, setTabs] = useState< + { + name: string + href: string + current: boolean + value: "wheel" | "hover" + }[] + >([ + { name: "Zoom Image Wheel", href: "#", current: true, value: "wheel" }, + { name: "Zoom Image Hover", href: "#", current: false, value: "hover" }, + ]) + const zoomType = useMemo(() => tabs.find((tab) => tab.current)?.value, [tabs]) + const imageWheelContainerRef = useRef(null) + const imageHoverContainerRef = useRef(null) + const zoomTargetRef = useRef(null) - React.useEffect(() => { - const imageContainer = imageContainerRef.current - const zoomTarget = zoomTargetRef.current + const makeHandleTabClick = (tab: (typeof tabs)[0]) => () => { + setTabs( + tabs.map((t) => { + if (t.name === tab.name) { + return { ...t, current: true } + } else { + return { ...t, current: false } + } + }), + ) + } - if (!imageContainer) { - throw new Error("Image container not found") + useEffect(() => { + let cleanup: () => void = () => { + // noop } - if (!zoomTarget) { - throw new Error("Zoom target not found") + if (zoomType === "hover") { + const imageContainer = imageHoverContainerRef.current as HTMLDivElement + const zoomTarget = zoomTargetRef.current as HTMLDivElement + const result = createZoomImageHover(imageContainer, { + zoomImageSource: "/large.webp", + customZoom: { width: 300, height: 500 }, + zoomTarget, + scaleFactor: 0.5, + }) + cleanup = result.cleanup } - const { cleanup } = createZoomImageHover(imageContainer, { - zoomImageSource: "/large.webp", - customZoom: { width: 820, height: 820 }, - zoomTarget, - scaleFactor: 0.5, - }) + if (zoomType === "wheel") { + const imageContainer = imageWheelContainerRef.current as HTMLDivElement + const result = createZoomImageWheel(imageContainer) + cleanup = result.cleanup + } return cleanup - }, []) + }, [zoomType]) return ( -
-

Zoom Image Hover

-
-
- Small Pic +
+ + + {zoomType === "wheel" && ( +
+ Large Pic +
+ )} + + {zoomType === "hover" && ( +
+ Small Pic +
-
-
+ )}
) } diff --git a/examples/react-ts/src/index.css b/examples/react-ts/src/index.css deleted file mode 100644 index 8f90f6de..00000000 --- a/examples/react-ts/src/index.css +++ /dev/null @@ -1,50 +0,0 @@ -*, -*::before, -*::after { - box-sizing: border-box; - margin: 0; - position: relative; - font-weight: normal; -} - -body { - min-height: 100vh; - - transition: color 0.5s, background-color 0.5s; - line-height: 1.6; - font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", - "Droid Sans", "Helvetica Neue", sans-serif; - font-size: 15px; - text-rendering: optimizeLegibility; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; -} - -.wrapper { - padding: 16px; -} - -.demo-image-hover { - position: relative; - display: flex; - flex-direction: row; - align-items: start; -} - -.image-hover-container { - position: relative; - margin-right: 10px; - width: 416px; - height: 416px; -} - -.image-hover { - width: 100%; - height: 100%; -} - -.zoom-hover-target { - position: absolute; - display: block; - left: 500px; -} diff --git a/examples/react-ts/src/main.tsx b/examples/react-ts/src/main.tsx index 9f028520..d63582bc 100644 --- a/examples/react-ts/src/main.tsx +++ b/examples/react-ts/src/main.tsx @@ -1,7 +1,8 @@ +// eslint-disable-next-line import/no-unresolved +import "uno.css" import React from "react" import ReactDOM from "react-dom/client" import App from "./App.tsx" -import "./index.css" ReactDOM.createRoot(document.getElementById("root") as HTMLElement).render( diff --git a/examples/react-ts/vite.config.ts b/examples/react-ts/vite.config.ts index 16d719d6..4ca4c061 100644 --- a/examples/react-ts/vite.config.ts +++ b/examples/react-ts/vite.config.ts @@ -1,7 +1,9 @@ import { defineConfig } from "vite" import react from "@vitejs/plugin-react" +// eslint-disable-next-line import/no-unresolved +import UnoCSS from "unocss/vite" // https://vitejs.dev/config/ export default defineConfig({ - plugins: [react()], + plugins: [react(), UnoCSS()], }) diff --git a/examples/svelte-ts/package.json b/examples/svelte-ts/package.json index 607a0441..f1220256 100644 --- a/examples/svelte-ts/package.json +++ b/examples/svelte-ts/package.json @@ -19,6 +19,7 @@ "svelte-check": "^3.2.0", "tslib": "^2.5.0", "typescript": "^5.0.4", + "unocss": "^0.51.8", "vite": "^4.3.4" } } diff --git a/examples/svelte-ts/src/App.svelte b/examples/svelte-ts/src/App.svelte index b639a9d2..36a0a84e 100644 --- a/examples/svelte-ts/src/App.svelte +++ b/examples/svelte-ts/src/App.svelte @@ -1,66 +1,83 @@ -
-
-

Zoom Image Hover

-
-
- Small Pic -
-
-
-
-
- - + {#if zoomType === "hover"} +
+ Small Pic +
+
+ {/if} +
diff --git a/examples/svelte-ts/src/app.css b/examples/svelte-ts/src/app.css deleted file mode 100644 index 3c0e1193..00000000 --- a/examples/svelte-ts/src/app.css +++ /dev/null @@ -1,21 +0,0 @@ -*, -*::before, -*::after { - box-sizing: border-box; - margin: 0; - position: relative; - font-weight: normal; -} - -body { - min-height: 100vh; - - transition: color 0.5s, background-color 0.5s; - line-height: 1.6; - font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", - "Droid Sans", "Helvetica Neue", sans-serif; - font-size: 15px; - text-rendering: optimizeLegibility; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; -} diff --git a/examples/svelte-ts/src/main.ts b/examples/svelte-ts/src/main.ts index da8c1136..92fad7e5 100644 --- a/examples/svelte-ts/src/main.ts +++ b/examples/svelte-ts/src/main.ts @@ -1,4 +1,5 @@ -import "./app.css" +// eslint-disable-next-line import/no-unresolved +import "uno.css" import App from "./App.svelte" const app = new App({ diff --git a/examples/svelte-ts/tsconfig.json b/examples/svelte-ts/tsconfig.json index c4e1c5fe..288aba78 100644 --- a/examples/svelte-ts/tsconfig.json +++ b/examples/svelte-ts/tsconfig.json @@ -5,12 +5,6 @@ "useDefineForClassFields": true, "module": "ESNext", "resolveJsonModule": true, - /** - * Typecheck JS in `.svelte` and `.js` files by default. - * Disable checkJs if you'd like to use dynamic types in JS. - * Note that setting allowJs false does not prevent the use - * of JS in `.svelte` files. - */ "allowJs": true, "checkJs": true, "isolatedModules": true diff --git a/examples/svelte-ts/uno.config.ts b/examples/svelte-ts/uno.config.ts new file mode 100644 index 00000000..e5a90eb0 --- /dev/null +++ b/examples/svelte-ts/uno.config.ts @@ -0,0 +1,3 @@ +import { defineConfig } from "unocss" + +export default defineConfig({}) diff --git a/examples/svelte-ts/vite.config.ts b/examples/svelte-ts/vite.config.ts index c8717db5..a35cf84b 100644 --- a/examples/svelte-ts/vite.config.ts +++ b/examples/svelte-ts/vite.config.ts @@ -1,7 +1,10 @@ import { defineConfig } from "vite" +// eslint-disable-next-line import/no-unresolved import { svelte } from "@sveltejs/vite-plugin-svelte" +// eslint-disable-next-line import/no-unresolved +import UnoCSS from "unocss/vite" // https://vitejs.dev/config/ export default defineConfig({ - plugins: [svelte()], + plugins: [svelte(), UnoCSS()], }) diff --git a/examples/vanilla-ts/index.html b/examples/vanilla-ts/index.html index 06a0246c..82e220d5 100644 --- a/examples/vanilla-ts/index.html +++ b/examples/vanilla-ts/index.html @@ -6,42 +6,36 @@ Zoom Image Demo - -
-
-
- -
-
+ + - + - + -
-
+
diff --git a/examples/vanilla-ts/src/main.ts b/examples/vanilla-ts/src/main.ts index a7e24474..642ee25d 100644 --- a/examples/vanilla-ts/src/main.ts +++ b/examples/vanilla-ts/src/main.ts @@ -1,5 +1,5 @@ // eslint-disable-next-line import/no-unresolved -import "virtual:uno.css" +import "uno.css" import { createZoomImageHover, createZoomImageWheel } from "@zoom-image/core" function createSimpleState(initialState: T) { diff --git a/examples/vanilla-ts/tsconfig.json b/examples/vanilla-ts/tsconfig.json index 5e17e93b..0481678e 100644 --- a/examples/vanilla-ts/tsconfig.json +++ b/examples/vanilla-ts/tsconfig.json @@ -17,5 +17,5 @@ "noUnusedParameters": true, "noFallthroughCasesInSwitch": true }, - "include": ["src"] + "include": ["src", "vite.config.ts"] } diff --git a/examples/vue-ts/package.json b/examples/vue-ts/package.json index a5eed630..aeded162 100644 --- a/examples/vue-ts/package.json +++ b/examples/vue-ts/package.json @@ -25,7 +25,8 @@ "eslint-plugin-vue": "^9.11.0", "npm-run-all": "^4.1.5", "typescript": "~5.0.4", + "unocss": "^0.51.8", "vite": "^4.3.4", - "vue-tsc": "^1.6.3" + "vue-tsc": "^1.6.4" } } diff --git a/examples/vue-ts/src/App.vue b/examples/vue-ts/src/App.vue index 53927240..7c78c0f6 100644 --- a/examples/vue-ts/src/App.vue +++ b/examples/vue-ts/src/App.vue @@ -1,71 +1,105 @@ - - diff --git a/examples/vue-ts/src/main.css b/examples/vue-ts/src/main.css deleted file mode 100644 index 3c0e1193..00000000 --- a/examples/vue-ts/src/main.css +++ /dev/null @@ -1,21 +0,0 @@ -*, -*::before, -*::after { - box-sizing: border-box; - margin: 0; - position: relative; - font-weight: normal; -} - -body { - min-height: 100vh; - - transition: color 0.5s, background-color 0.5s; - line-height: 1.6; - font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", - "Droid Sans", "Helvetica Neue", sans-serif; - font-size: 15px; - text-rendering: optimizeLegibility; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; -} diff --git a/examples/vue-ts/src/main.ts b/examples/vue-ts/src/main.ts index fbb54275..b00a9a97 100644 --- a/examples/vue-ts/src/main.ts +++ b/examples/vue-ts/src/main.ts @@ -1,6 +1,5 @@ +import "uno.css" import { createApp } from "vue" import App from "./App.vue" -import "./main.css" - createApp(App).mount("#app") diff --git a/examples/vue-ts/uno.config.ts b/examples/vue-ts/uno.config.ts new file mode 100644 index 00000000..e5a90eb0 --- /dev/null +++ b/examples/vue-ts/uno.config.ts @@ -0,0 +1,3 @@ +import { defineConfig } from "unocss" + +export default defineConfig({}) diff --git a/examples/vue-ts/vite.config.ts b/examples/vue-ts/vite.config.ts index cadd8d9f..1960048b 100644 --- a/examples/vue-ts/vite.config.ts +++ b/examples/vue-ts/vite.config.ts @@ -1,12 +1,13 @@ import { fileURLToPath, URL } from "node:url" import { defineConfig } from "vite" +import UnoCSS from "unocss/vite" import vue from "@vitejs/plugin-vue" import vueJsx from "@vitejs/plugin-vue-jsx" // https://vitejs.dev/config/ export default defineConfig({ - plugins: [vue(), vueJsx()], + plugins: [vue(), vueJsx(), UnoCSS()], resolve: { alias: { "@": fileURLToPath(new URL("./src", import.meta.url)), diff --git a/package.json b/package.json index 431077ab..816e4fab 100644 --- a/package.json +++ b/package.json @@ -14,7 +14,7 @@ "dev": "pnpm packages -- dev", "build": "pnpm packages -- build", "deploy:demo": "netlify deploy --prod --dir=./examples/vanilla-ts/dist", - "preact": "pnpm --filter \"./examples/react-ts\"", + "preact": "pnpm --filter \"./examples/preact-ts\"", "react": "pnpm --filter \"./examples/react-ts\"", "svelte": "pnpm --filter \"./examples/svelte-ts\"", "vanilla": "pnpm --filter \"./examples/vanilla-ts\"", diff --git a/packages/core/CHANGELOG.md b/packages/core/CHANGELOG.md index 250b444f..93376e1b 100644 --- a/packages/core/CHANGELOG.md +++ b/packages/core/CHANGELOG.md @@ -4,13 +4,14 @@ ### Patch Changes -- 01248b1: Fix image on wheel 🚀 +- [01248b1](https://github.com/willnguyen1312/zoom-image/commit/01248b1): Fix image on wheel 🚀 ## 0.0.2 ### Patch Changes -- 6f4e371: First version of @zoom-image/core. Supported features: +- [6f4e371](https://github.com/willnguyen1312/zoom-image/commit/6f4e371): First version of @zoom-image/core. Supported + features: - - ✅ Zoom on hover - - ✅ Zoom on wheel +- ✅ Zoom on hover +- ✅ Zoom on wheel diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index 7262f541..67e34dfe 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -79,11 +79,11 @@ importers: version: 18.2.0(react@18.2.0) devDependencies: '@types/react': - specifier: ^18.2.0 - version: 18.2.0 + specifier: ^18.2.4 + version: 18.2.4 '@types/react-dom': - specifier: ^18.2.1 - version: 18.2.1 + specifier: ^18.2.3 + version: 18.2.3 '@typescript-eslint/eslint-plugin': specifier: ^5.59.2 version: 5.59.2(@typescript-eslint/parser@5.59.2)(eslint@8.39.0)(typescript@5.0.4) @@ -100,11 +100,14 @@ importers: specifier: ^4.6.0 version: 4.6.0(eslint@8.39.0) eslint-plugin-react-refresh: - specifier: ^0.4.0 - version: 0.4.0(eslint@8.39.0) + specifier: ^0.4.1 + version: 0.4.1(eslint@8.39.0) typescript: specifier: ^5.0.4 version: 5.0.4 + unocss: + specifier: ^0.51.8 + version: 0.51.8(postcss@8.4.23)(vite@4.3.4) vite: specifier: ^4.3.4 version: 4.3.4(@types/node@18.16.3) @@ -133,6 +136,9 @@ importers: typescript: specifier: ^5.0.4 version: 5.0.4 + unocss: + specifier: ^0.51.8 + version: 0.51.8(postcss@8.4.23)(vite@4.3.4) vite: specifier: ^4.3.4 version: 4.3.4(@types/node@18.16.3) @@ -192,12 +198,15 @@ importers: typescript: specifier: ~5.0.4 version: 5.0.4 + unocss: + specifier: ^0.51.8 + version: 0.51.8(postcss@8.4.23)(vite@4.3.4) vite: specifier: ^4.3.4 version: 4.3.4(@types/node@18.16.3) vue-tsc: - specifier: ^1.6.3 - version: 1.6.3(typescript@5.0.4) + specifier: ^1.6.4 + version: 1.6.4(typescript@5.0.4) packages/core: {} @@ -1398,14 +1407,14 @@ packages: resolution: {integrity: sha512-SnHmG9wN1UVmagJOnyo/qkk0Z7gejYxOYYmaAwr5u2yFYfsupN3sg10kyzN8Hep/2zbHxCnsumxOoRIRMBwKCg==} dev: true - /@types/react-dom@18.2.1: - resolution: {integrity: sha512-8QZEV9+Kwy7tXFmjJrp3XUKQSs9LTnE0KnoUb0YCguWBiNW0Yfb2iBMYZ08WPg35IR6P3Z0s00B15SwZnO26+w==} + /@types/react-dom@18.2.3: + resolution: {integrity: sha512-hxXEXWxFJXbY0LMj/T69mznqOZJXNtQMqVxIiirVAZnnpeYiD4zt+lPsgcr/cfWg2VLsxZ1y26vigG03prYB+Q==} dependencies: - '@types/react': 18.2.0 + '@types/react': 18.2.4 dev: true - /@types/react@18.2.0: - resolution: {integrity: sha512-0FLj93y5USLHdnhIhABk83rm8XEGA7kH3cr+YUlvxoUGp1xNt/DINUMvqPxLyOQMzLmZe8i4RTHbvb8MC7NmrA==} + /@types/react@18.2.4: + resolution: {integrity: sha512-IvAIhJTmKAAJmCIcaa6+5uagjyh+9GvcJ/thPZcw+i+vx+22eHlTy2Q1bJg/prES57jehjebq9DnIhOTtIhmLw==} dependencies: '@types/prop-types': 15.7.5 '@types/scheduler': 0.16.3 @@ -1786,8 +1795,8 @@ packages: typescript: 5.0.4 dev: true - /@volar/vue-language-core@1.6.3: - resolution: {integrity: sha512-e9OTDCPa8Wuh0ORhD4z++qTIcrsrqcI9waspr93YcQCq6j+Q+JTFuy7HBSQgyezSAsP6x1WWokKVk4fWWDJQOw==} + /@volar/vue-language-core@1.6.4: + resolution: {integrity: sha512-1o+cAtN2DIDNAX/HS8rkjZc8wTMTK+zCab/qtYbvEVlmokhZiDrQeoD9/l0Ug7YCNg+mVuMNHKNBY7pX8U2/Jw==} dependencies: '@volar/language-core': 1.4.1 '@volar/source-map': 1.4.1 @@ -1800,13 +1809,13 @@ packages: vue-template-compiler: 2.7.14 dev: true - /@volar/vue-typescript@1.6.3(typescript@5.0.4): - resolution: {integrity: sha512-Dz29Qym33P1MSZDTZJ6PPLN1TLQfkX+g2pRnHqLCsFdSUu4yWYnElBURCn5WJkekxV/v+k2T43aur2RCSY3Ovg==} + /@volar/vue-typescript@1.6.4(typescript@5.0.4): + resolution: {integrity: sha512-qKwgP0KVQR/aaH/SN3AP7RB8NnXPWDn3tjyXP6IT6etxkDeZLBLsXWUD9KMak/RvV1DgbXDuz4F9yuZlbt29rA==} peerDependencies: typescript: '*' dependencies: '@volar/typescript': 1.4.1(typescript@5.0.4) - '@volar/vue-language-core': 1.6.3 + '@volar/vue-language-core': 1.6.4 typescript: 5.0.4 dev: true @@ -2769,8 +2778,8 @@ packages: eslint: 8.39.0 dev: true - /eslint-plugin-react-refresh@0.4.0(eslint@8.39.0): - resolution: {integrity: sha512-mV5V77NNutkhOgg2TCVvSx8BO2jJ46Oq7j9/xNInYxqrO2EWsLRgdYOPcIAwaZwJhfhjdAtfACLdyCA6ja8sEg==} + /eslint-plugin-react-refresh@0.4.1(eslint@8.39.0): + resolution: {integrity: sha512-QgrvtRJkmV+m4w953LS146+6RwEe5waouubFVNLBfOjXJf6MLczjymO8fOcKj9jMS8aKkTCMJqiPu2WEeFI99A==} peerDependencies: eslint: '>=7' dependencies: @@ -5045,14 +5054,14 @@ packages: he: 1.2.0 dev: true - /vue-tsc@1.6.3(typescript@5.0.4): - resolution: {integrity: sha512-q7l27j0eSJgyGat0khetrvoeaAHieRZFnf8WAJyKvB3eF0AxmLqfs4ahwZhaojBJjZ/lAXZa+Xt8EX54KzQ34w==} + /vue-tsc@1.6.4(typescript@5.0.4): + resolution: {integrity: sha512-8rg8S1AhRJ6/WriENQEhyqH5wsxSxuD5iaD+QnkZn2ArZ6evlhqfBAIcVN8mfSyCV9DeLkQXkOSv/MaeJiJPAQ==} hasBin: true peerDependencies: typescript: '*' dependencies: - '@volar/vue-language-core': 1.6.3 - '@volar/vue-typescript': 1.6.3(typescript@5.0.4) + '@volar/vue-language-core': 1.6.4 + '@volar/vue-typescript': 1.6.4(typescript@5.0.4) semver: 7.5.0 typescript: 5.0.4 dev: true