SuperTokens is an open source authentication solution offering features like: Different types of login: Email / password, Passwordless (OTP or Magic link based).

SuperTokens.com

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

Hey! We have example apps and blogs for this

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

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

If you have any specific questions, please feel free to ask.

unknown

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

its works when in development mode `pnpm dev`

Can you open an issue about this on our GitHub?

thanks for making the issue. <@292333473786494976> will help out

Hey <@375241553771495424> 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

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