@scalar/nuxt 0.2.81 → 0.2.83

package/README.md

@@ -48,7 +48,7 @@ export default defineNuxtConfig({
 })
 ```
 
-By default the docs will be hosted at `/scalar` but you an easily customize that, here's a more in
+By default the docs will be hosted at `/docs` but you an easily customize that, here's a more in
 depth config example.
 
 ```ts
@@ -108,6 +108,17 @@ export default defineNuxtConfig({
 })
 ```
 
+For theme configuration, you can pass a `theme` property to the configuration object. The default theme is `nuxt`, but you can also pass `default` to use the default theme.
+
+```ts
+export default defineNuxtConfig({
+  modules: ['@scalar/nuxt'],
+  scalar: {
+    theme: 'nuxt',
+  },
+})
+```
+
 ## Troubleshooting
 
 If you come across any `**** not default export` errors, its likely you are using `pnpm`.

package/dist/module.d.mts

@@ -1,13 +1,19 @@
 import * as _nuxt_schema from '@nuxt/schema';
 import { ReferenceConfiguration } from '@scalar/api-reference';
 
-type Configuration = Omit<ReferenceConfiguration, 'layout' | 'isEditable' | 'onSpecUpdate'> & {
+type Configuration = Omit<ReferenceConfiguration, 'layout' | 'isEditable' | 'onSpecUpdate' | 'theme'> & {
     /**
      * Whether to show scalar in Nuxt DevTools
      *
      * @default true
      */
     devtools: boolean;
+    /**
+     * The theme to use for the reference
+     *
+     * @default 'nuxt'
+     */
+    theme?: ReferenceConfiguration['theme'] | 'nuxt';
 };
 
 type ModuleOptions = {

package/dist/module.d.ts

@@ -1,13 +1,19 @@
 import * as _nuxt_schema from '@nuxt/schema';
 import { ReferenceConfiguration } from '@scalar/api-reference';
 
-type Configuration = Omit<ReferenceConfiguration, 'layout' | 'isEditable' | 'onSpecUpdate'> & {
+type Configuration = Omit<ReferenceConfiguration, 'layout' | 'isEditable' | 'onSpecUpdate' | 'theme'> & {
     /**
      * Whether to show scalar in Nuxt DevTools
      *
      * @default true
      */
     devtools: boolean;
+    /**
+     * The theme to use for the reference
+     *
+     * @default 'nuxt'
+     */
+    theme?: ReferenceConfiguration['theme'] | 'nuxt';
 };
 
 type ModuleOptions = {

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "@scalar/nuxt",
   "configKey": "scalar",
-  "version": "0.2.81",
+  "version": "0.2.83",
   "builder": {
     "@nuxt/module-builder": "0.8.1",
     "unbuild": "unknown"

package/dist/module.mjs

@@ -16,7 +16,8 @@ const module = defineNuxtModule({
     },
     showSidebar: true,
     devtools: true,
-    configurations: []
+    configurations: [],
+    theme: "nuxt"
   },
   setup(_options, _nuxt) {
     const resolver = createResolver(import.meta.url);

package/dist/runtime/components/ScalarApiReference.vue

@@ -4,12 +4,21 @@ import { ModernLayout, parse } from '@scalar/api-reference'
 import { reactive, ref, toRaw } from 'vue'
 import type { Configuration } from '~/src/types'
 
-import './nuxt-theme.css'
-
 const props = defineProps<{
   configuration: Configuration
 }>()
 
+if (props.configuration.theme === 'nuxt') {
+  useHead({
+    link: [
+      {
+        rel: 'stylesheet',
+        href: new URL('./nuxt-theme.css', import.meta.url).href,
+      },
+    ],
+  })
+}
+
 const isDark = ref(props.configuration.darkMode)
 
 // Grab spec if we can

package/package.json

@@ -20,7 +20,7 @@
     "testing",
     "vue"
   ],
-  "version": "0.2.81",
+  "version": "0.2.83",
   "engines": {
     "node": ">=18"
   },
@@ -39,8 +39,8 @@
   ],
   "dependencies": {
     "@nuxt/kit": "^3.12.3",
-    "@scalar/api-client": "2.0.56",
-    "@scalar/api-reference": "1.25.3"
+    "@scalar/api-client": "2.0.58",
+    "@scalar/api-reference": "1.25.5"
   },
   "devDependencies": {
     "@nuxt/devtools": "^1.3.9",