chore(nuxt,vue): Re-export error handling utilities from @clerk/shared

.changeset/strong-onions-roll.md

@@ -0,0 +1,37 @@
+---
+"@clerk/nuxt": patch
+"@clerk/vue": patch
+---
+
+Re-export error handling utilities from `@clerk/shared`
+
+Example:
+
+```vue
+<script setup lang="ts">
+import { useSignIn } from '@clerk/vue'
+import { isClerkAPIResponseError } from '@clerk/vue/errors'
+
+// ... form state refs and other setup ...
+const { signIn } = useSignIn()
+
+const handleSubmit = async () => {
+  try {
+    const signInAttempt = await signIn.value.create({
+      identifier: email.value,
+      password: password.value,
+    })
+    // ... handle successful sign in ...
+  } catch (err) {
+    // Type guard to safely handle Clerk API errors
+    if (isClerkAPIResponseError(err)) {
+      errors.value = err.errors // err.errors is properly typed as ClerkAPIError[]
+    }
+  }
+}
+</script>
+
+<template>
+  <!-- Form template here -->
+</template>
+```

packages/nuxt/package.json

@@ -41,6 +41,10 @@
     "./composables": {
       "types": "./dist/runtime/composables/index.d.ts",
       "import": "./dist/runtime/composables/index.js"
+    },
+    "./errors": {
+      "types": "./dist/runtime/errors.d.ts",
+      "import": "./dist/runtime/errors.js"
     }
   },
   "main": "./dist/module.js",

packages/nuxt/src/runtime/errors.ts

@@ -0,0 +1,8 @@
+export {
+  isClerkAPIResponseError,
+  isClerkRuntimeError,
+  isEmailLinkError,
+  isKnownError,
+  isMetamaskError,
+  EmailLinkErrorCodeStatus,
+} from '@clerk/vue/errors';

packages/nuxt/tsup.config.ts

@@ -12,6 +12,7 @@ export default defineConfig(() => {
       './src/runtime/composables/index.ts',
       './src/runtime/client/*.ts',
       './src/runtime/server/*.ts',
+      './src/runtime/errors.ts',
     ],
     format: ['esm'],
     // Make sure to not bundle the imports

packages/vue/package.json

@@ -33,6 +33,10 @@
     "./internal": {
       "types": "./dist/internal.d.ts",
       "import": "./dist/internal.js"
+    },
+    "./errors": {
+      "types": "./dist/errors.d.ts",
+      "import": "./dist/errors.js"
     }
   },
   "main": "./dist/index.js",

packages/vue/src/errors.ts

@@ -0,0 +1,8 @@
+export {
+  isClerkAPIResponseError,
+  isClerkRuntimeError,
+  isEmailLinkError,
+  isKnownError,
+  isMetamaskError,
+  EmailLinkErrorCodeStatus,
+} from '@clerk/shared/error';

packages/vue/tsup.config.ts

@@ -9,7 +9,7 @@ type EsbuildPlugin = NonNullable<Options['esbuildPlugins']>[number];
 export default defineConfig(() => {
   return {
     clean: true,
-    entry: ['./src/index.ts', './src/internal.ts'],
+    entry: ['./src/index.ts', './src/internal.ts', './src/errors.ts'],
     format: ['esm'],
     bundle: true,
     sourcemap: true,