How to use typia with Vite / Vue

[wienczny]

I'm integrating typia into my vue project using unplugin-typia.
I get the following error when running "npm run build":

`WebstormProjects/typia-example/src/components/HelloWorld.vue?vue&type=script&setup=true&lang.ts:59:0: ERROR: Unexpected ")"
file: .../typia-example/src/components/HelloWorld.vue?vue&type=script&setup=true&lang.ts:59:0

Unexpected ")"
57 | }
58 | });
59 | )
| ^

at failureErrorWithLog (.../typia-example/node_modules/esbuild/lib/main.js:1472:15)
at .../typia-example/node_modules/esbuild/lib/main.js:755:50
at responseCallbacks.<computed> (.../typia-example/node_modules/esbuild/lib/main.js:622:9)
at handleIncomingPacket (.../typia-example/node_modules/esbuild/lib/main.js:677:12)
at Socket.readFromStdout (.../typia-example/node_modules/esbuild/lib/main.js:600:7)
at Socket.emit (node:events:520:28)
at addChunk (node:internal/streams/readable:559:12)
at readableAddChunkPushByteMode (node:internal/streams/readable:510:3)
at Readable.push (node:internal/streams/readable:390:5)
at Pipe.onStreamRead (node:internal/stream_base_commons:191:23)`

I setup a small sample project using the vuejs template and applying the setup instruction for unplugin-typia
https://github.com/wienczny/typia-example

There is already a similar issue related to react at samchon/typia#1178

[ryoppippi]

currently, vue SFC is not supported #3
If you are interested it, please contribute it

P.S. if you think this is a bug issue, please follow the template next time. Thanks

[ryoppippi]

If you are interested in, PRs are welcome !!w @wienczny

[gvlasov]

The workaround is to not put the typia call into the script section of an SFC component, and instead define a function that uses the typia call in another .ts file and import it to the SFC component.

// typia.ts
import {SearchQuery} from "@/ts/domain/search.ts";
import typia from 'typia'

export function isSearchQuery(searchQuery: any): searchQuery is SearchQuery {
    return typia.is<SearchQuery>(searchQuery)
}