i m using graphql in vue 3 using villus library can you guys

Question

i m using graphql in vue 3 using villus library can you guys guide me through integration of supertokens in it https villus logaretm com guide setup

rp · Answer

Hey We have example apps and blogs for this

rp · Answer

If you want to use our pre built UI https supertokens com blog how to use supertokens pre built ui with vuejs

rp · Answer

If you want to build your own UI https github com supertokens supertokens web js tree example vue tpep examples vuejs with thirdpartyemailpassword

rp · Answer

If you have any specific questions please feel free to ask

denniarems · Answer

i got an error when using this vue template `pnpm build` https github com antfu vitesse

rp · Answer

How r you importing

denniarems · Answer

main ts

denniarems · Answer

its works when in development mode `pnpm dev`

denniarems · Answer

but error in build mode `pnpm build`

rp · Answer

Can you open an issue about this on our GitHub

denniarems · Answer

Ok

rp · Answer

thanks for making the issue < nkshah2> will help out

nkshah2 · Answer

Hey < denniarems> Looks like one of the plugins in that template tries to load packages differently when running in production mode I can see some issues complaining about something similar for `vite ssg` so this is not a bug on the package side for sure The main issue is that in production builds the import ``` import ThirdPartyEmailPassword from supertokens web js recipe thirdpartyemailpassword ``` Gets converted to ``` import ThirdPartyEmailPassword from supertokens web js recipe thirdpartyemailpassword js ``` Which is not a valid import statement because that file doesnt exist

nkshah2 · Answer

As a workaround you can import from the index file directly ``` import ThirdPartyEmailPassword from supertokens web js recipe thirdpartyemailpassword index ``` Which works in both production and dev mode

denniarems · Answer

Let me check and try thanksss