@scalar/nuxt 0.5.20 → 0.5.22

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "@scalar/nuxt",
   "configKey": "scalar",
-  "version": "0.5.20",
+  "version": "0.5.22",
   "builder": {
     "@nuxt/module-builder": "1.0.1",
     "unbuild": "unknown"

package/dist/runtime/components/ScalarApiReference.vue

@@ -1,7 +1,6 @@
 <script setup>
-import { ApiReferenceWorkspace } from "@scalar/api-reference";
+import { ApiReference } from "@scalar/api-reference";
 import { useColorMode } from "@scalar/use-hooks/useColorMode";
-import { createWorkspaceStore } from "@scalar/workspace-store/client";
 import {
   useAsyncData,
   useFetch,
@@ -52,7 +51,6 @@ if (!document.value) {
     }
   }
 }
-props.configuration.content = document.value;
 if (!document) {
   throw new Error(
     "You must provide a document for Scalar API References. Either provide a spec URL/content, or enable experimental openAPI in the Nitro config."
@@ -86,39 +84,21 @@ onMounted(() => {
   window.document.getElementById("scalar-color-mode-script")?.remove();
 });
 const { origin } = useRequestURL();
+const route = useRoute();
 const config = {
   baseServerURL: origin,
   _integration: "nuxt",
   layout: "modern",
-  ...props.configuration
+  ...props.configuration,
+  // Match the workspace-store name/slug to the route name
+  slug: route.name,
+  // Set the fetched spec to the config content to prevent ApiReferenceLayout from fetching it again on the client side
+  content: document.value
 };
-const route = useRoute();
-const store = createWorkspaceStore();
-let parsedDocument;
-if (typeof document.value === "string") {
-  try {
-    parsedDocument = JSON.parse(document.value);
-  } catch (error) {
-    console.error("Failed to parse OpenAPI document:", error);
-    throw new Error("Invalid OpenAPI document format");
-  }
-} else {
-  if (document.value && typeof document.value === "object") {
-    parsedDocument = document.value;
-  } else {
-    throw new Error("Document must be a valid OpenAPI object");
-  }
-}
-store.addDocument({
-  name: route.name,
-  document: parsedDocument
-});
 </script>
 
 <template>
-  <ApiReferenceWorkspace
-    :configuration="config"
-    :store />
+  <ApiReference :configuration="config" />
 </template>
 
 <style>

package/package.json

@@ -20,7 +20,7 @@
     "testing",
     "vue"
   ],
-  "version": "0.5.20",
+  "version": "0.5.22",
   "engines": {
     "node": ">=20"
   },
@@ -38,12 +38,12 @@
   ],
   "dependencies": {
     "@nuxt/kit": "^4.0.0",
-    "vue": "^3.5.17",
-    "@scalar/api-reference": "1.38.0",
-    "@scalar/api-client": "2.8.0",
-    "@scalar/types": "0.3.1",
-    "@scalar/use-hooks": "0.2.5",
-    "@scalar/workspace-store": "0.17.0"
+    "vue": "^3.5.21",
+    "@scalar/api-client": "2.9.0",
+    "@scalar/types": "0.4.0",
+    "@scalar/workspace-store": "0.18.0",
+    "@scalar/api-reference": "1.39.0",
+    "@scalar/use-hooks": "0.3.0"
   },
   "devDependencies": {
     "@nuxt/devtools": "^2.6.2",
@@ -54,7 +54,7 @@
     "@types/node": "^22.9.0",
     "cross-env": "^7.0.3",
     "nuxt": "^4.1.0",
-    "vite": "7.1.5",
+    "vite": "7.1.11",
     "vitest": "3.2.4"
   },
   "scripts": {
@@ -62,11 +62,8 @@
     "dev": "pnpm dev:prepare && nuxi dev playground",
     "dev:build": "nuxi build playground",
     "dev:prepare": "nuxi prepare && nuxt-module-build build --stub && nuxt-module-build prepare && nuxi prepare playground",
-    "format": "scalar-format",
-    "format:check": "scalar-format-check",
-    "lint:check": "scalar-lint-check",
-    "lint:fix": "scalar-lint-fix",
-    "test:watch": "vitest watch",
+    "test": "vitest",
+    "test:e2e": "playwright test",
     "types:check": "NUXT_TELEMETRY_DISABLED=true nuxi typecheck"
   }
 }