From d35a75ecfd0df11de0367d67aef62ca2da7dd905 Mon Sep 17 00:00:00 2001
From: enzonotario <enzo.notario@gmail.com>
Date: Fri, 17 Jan 2025 20:04:00 -0300
Subject: [PATCH] change!: split entry points into client / node

---
 docs/.vitepress/config.mts                    | 11 ++-
 .../theme/components/sandbox/Sandbox.vue      |  2 +-
 .../theme/components/theme/ThemeConfig.vue    |  3 +-
 .../components/theme/ThemeConfigPopover.vue   |  4 -
 docs/.vitepress/theme/index.ts                |  2 +-
 docs/composables/usePlayground.md             |  2 +-
 docs/composables/useTheme.md                  |  2 +-
 docs/customizations/i18n.md                   |  4 +-
 docs/customizations/operation-badges.md       |  2 +-
 .../parts/code-samples-example.md             |  2 +-
 .../parts/operation-badges-example.md         |  2 +-
 .../parts/operation-tags-slot-example.md      |  2 +-
 docs/examples/[exampleSlug].md                |  2 +-
 docs/guide/getting-started.md                 | 18 ++---
 docs/sidebar/sidebar-items.md                 |  6 +-
 docs/tests/[testSlug].md                      |  2 +-
 package.json                                  | 12 ++-
 src/client.ts                                 | 73 +++++++++++++++++++
 src/composables/useOpenapi.ts                 |  6 +-
 src/composables/usePaths.ts                   | 13 +++-
 src/composables/useSidebar.ts                 | 48 ++++++------
 src/index.ts                                  | 73 -------------------
 src/lib/createOpenApiInstance.ts              |  6 +-
 src/lib/prepareOpenAPI/generateMissingTags.ts | 15 ++--
 src/lib/prepareOpenAPI/prepareOpenAPI.ts      | 12 ++-
 .../generateMissingTags.test.ts               | 10 +--
 vite.config.ts                                |  7 +-
 27 files changed, 193 insertions(+), 148 deletions(-)
 create mode 100644 src/client.ts

diff --git a/docs/.vitepress/config.mts b/docs/.vitepress/config.mts
index d36bd360..2195f951 100644
--- a/docs/.vitepress/config.mts
+++ b/docs/.vitepress/config.mts
@@ -237,9 +237,14 @@ export default defineConfigWithTheme({
   ],
   vite: {
     resolve: {
-      alias: {
-        'vitepress-openapi': process.env.NODE_ENV === 'production' ? resolve(__dirname, '../../') : resolve(__dirname, '../../src/'),
-      },
+      ...(process.env.NODE_ENV === 'production'
+        ? {}
+        : {
+            alias: {
+              'vitepress-openapi': resolve(__dirname, '../../src/index'),
+              'vitepress-openapi/client': resolve(__dirname, '../../src/client'),
+            },
+          }),
     },
   },
 })
diff --git a/docs/.vitepress/theme/components/sandbox/Sandbox.vue b/docs/.vitepress/theme/components/sandbox/Sandbox.vue
index d1954ddd..8015ae63 100644
--- a/docs/.vitepress/theme/components/sandbox/Sandbox.vue
+++ b/docs/.vitepress/theme/components/sandbox/Sandbox.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { provide, watch } from 'vue'
 import { compressToURL, decompressFromURL } from '@amoutonbrady/lz-string'
-import { useTheme } from 'vitepress-openapi'
+import { useTheme } from 'vitepress-openapi/client'
 import { useUrlSearchParams } from '@vueuse/core'
 import { ResizableHandle, ResizablePanel, ResizablePanelGroup } from '../ui/resizable'
 import { deepUnref } from '../../../../../src/lib/deepUnref'
diff --git a/docs/.vitepress/theme/components/theme/ThemeConfig.vue b/docs/.vitepress/theme/components/theme/ThemeConfig.vue
index 37a0028a..767167a9 100644
--- a/docs/.vitepress/theme/components/theme/ThemeConfig.vue
+++ b/docs/.vitepress/theme/components/theme/ThemeConfig.vue
@@ -1,7 +1,6 @@
 <script setup lang="ts">
-import { useTheme } from 'vitepress-openapi'
+import { DEFAULT_OPERATION_SLOTS, useTheme } from 'vitepress-openapi/client'
 import { inject } from 'vue'
-import { DEFAULT_OPERATION_SLOTS } from '../../../../../src'
 import type { SandboxData } from '../../sandboxData'
 
 const sandboxData = inject('sandboxData') as SandboxData
diff --git a/docs/.vitepress/theme/components/theme/ThemeConfigPopover.vue b/docs/.vitepress/theme/components/theme/ThemeConfigPopover.vue
index 360c14ff..f64a1367 100644
--- a/docs/.vitepress/theme/components/theme/ThemeConfigPopover.vue
+++ b/docs/.vitepress/theme/components/theme/ThemeConfigPopover.vue
@@ -1,13 +1,9 @@
 <script setup lang="ts">
-import { inject } from 'vue'
 import { Icon } from '@iconify/vue'
 import { useToggle } from '@vueuse/core'
 import { Popover, PopoverContent, PopoverTrigger } from '../ui/popover'
-import type { SandboxData } from '../../sandboxData'
 import ThemeConfig from './ThemeConfig.vue'
 
-const sandboxData = inject('sandboxData') as SandboxData
-
 const [isOpen, toggleOpen] = useToggle(false)
 </script>
 
diff --git a/docs/.vitepress/theme/index.ts b/docs/.vitepress/theme/index.ts
index 92be26c3..d7c55941 100644
--- a/docs/.vitepress/theme/index.ts
+++ b/docs/.vitepress/theme/index.ts
@@ -1,4 +1,4 @@
-import { theme, useOpenapi } from 'vitepress-openapi'
+import { theme, useOpenapi } from 'vitepress-openapi/client'
 import DefaultTheme from 'vitepress/theme'
 import spec from '../../public/openapi.json' assert {type: 'json'}
 import ExampleBlock from './components/ExampleBlock.vue'
diff --git a/docs/composables/usePlayground.md b/docs/composables/usePlayground.md
index da760a71..b99a0118 100644
--- a/docs/composables/usePlayground.md
+++ b/docs/composables/usePlayground.md
@@ -5,7 +5,7 @@ The `usePlayground` composable provides functions to manage the Playground.
 You can use the `usePlayground` composable to configure the Playground in your `.vitepress/theme/index.js` file, or in any `.md` page/file.
 
 ```ts
-import { usePlayground } from 'vitepress-openapi'
+import { usePlayground } from 'vitepress-openapi/client'
 
 export default {
     async enhanceApp({ app, router, siteData }) {
diff --git a/docs/composables/useTheme.md b/docs/composables/useTheme.md
index 0fe6d69e..7b590906 100644
--- a/docs/composables/useTheme.md
+++ b/docs/composables/useTheme.md
@@ -5,7 +5,7 @@ The `useTheme` composable provides functions to configure the theme.
 You can use the `useTheme` composable to configure the theme in your `.vitepress/theme/index.js` file, or in any `.md` page/file.
 
 ```ts
-import { useTheme, locales } from 'vitepress-openapi'
+import { useTheme, locales } from 'vitepress-openapi/client'
 
 export default {
     async enhanceApp({app, router, siteData}) {
diff --git a/docs/customizations/i18n.md b/docs/customizations/i18n.md
index 0df941b1..fdcbc4e4 100644
--- a/docs/customizations/i18n.md
+++ b/docs/customizations/i18n.md
@@ -9,7 +9,7 @@ You can use the `useTheme` composable to configure internationalization in your
 
 ```vue
 <script setup lang="ts">
-import { useTheme, locales } from 'vitepress-openapi'
+import { useTheme, locales } from 'vitepress-openapi/client'
 
 useTheme({
   i18n: {
@@ -44,7 +44,7 @@ If you're using the built-in VitePress i18n features, you can configure the loca
 
 ```vue
 <script setup lang="ts">
-import { useTheme } from 'vitepress-openapi'
+import { useTheme } from 'vitepress-openapi/client'
 import { useData } from 'vitepress'
 
 const { lang } = useData()
diff --git a/docs/customizations/operation-badges.md b/docs/customizations/operation-badges.md
index 76c0d802..72e4e977 100644
--- a/docs/customizations/operation-badges.md
+++ b/docs/customizations/operation-badges.md
@@ -41,7 +41,7 @@ title: vitepress-openapi
 You can also customize the prefix of the badges by setting the `operation.badgePrefix.{badgeName}` key in the i18n messages. For example, in your `.vitepress/theme/index.ts`, before calling `theme.enhanceApp({ app })`, you can set the following:
 
 ```typescript
-import { locales, theme, useTheme } from 'vitepress-openapi'
+import { locales, theme, useTheme } from 'vitepress-openapi/client'
 import DefaultTheme from 'vitepress/theme'
 import 'vitepress-openapi/dist/style.css'
 
diff --git a/docs/customizations/parts/code-samples-example.md b/docs/customizations/parts/code-samples-example.md
index 1d4d9950..eb5ebcce 100644
--- a/docs/customizations/parts/code-samples-example.md
+++ b/docs/customizations/parts/code-samples-example.md
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { useData } from 'vitepress'
-import { useTheme, generateCodeSample } from 'vitepress-openapi'
+import { useTheme, generateCodeSample } from 'vitepress-openapi/client'
 
 const { isDark } = useData()
 
diff --git a/docs/customizations/parts/operation-badges-example.md b/docs/customizations/parts/operation-badges-example.md
index 90d9a072..f21d7a1a 100644
--- a/docs/customizations/parts/operation-badges-example.md
+++ b/docs/customizations/parts/operation-badges-example.md
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { useData } from 'vitepress'
-import { useTheme } from 'vitepress-openapi'
+import { useTheme } from 'vitepress-openapi/client'
 
 const { isDark } = useData()
 
diff --git a/docs/customizations/parts/operation-tags-slot-example.md b/docs/customizations/parts/operation-tags-slot-example.md
index 1cc65b67..53826d89 100644
--- a/docs/customizations/parts/operation-tags-slot-example.md
+++ b/docs/customizations/parts/operation-tags-slot-example.md
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { useData } from 'vitepress'
-import { DEFAULT_OPERATION_SLOTS, useTheme } from 'vitepress-openapi'
+import { DEFAULT_OPERATION_SLOTS, useTheme } from 'vitepress-openapi/client'
 
 const { isDark } = useData()
 
diff --git a/docs/examples/[exampleSlug].md b/docs/examples/[exampleSlug].md
index e98076d1..80abdbaf 100644
--- a/docs/examples/[exampleSlug].md
+++ b/docs/examples/[exampleSlug].md
@@ -7,7 +7,7 @@ title: vitepress-openapi
 <script setup lang="ts">
 import { onBeforeMount, onBeforeUnmount } from 'vue'
 import { useRoute, useData } from 'vitepress'
-import { useTheme } from 'vitepress-openapi'
+import { useTheme } from 'vitepress-openapi/client'
 
 const route = useRoute()
 
diff --git a/docs/guide/getting-started.md b/docs/guide/getting-started.md
index 5b519b38..8bc0e8fc 100644
--- a/docs/guide/getting-started.md
+++ b/docs/guide/getting-started.md
@@ -58,7 +58,7 @@ In your `.vitepress/theme/index.[js,ts]`, import the theme and the CSS file.
 ```js [JavaScript]
 // .vitepress/theme/index.js
 import DefaultTheme from 'vitepress/theme'
-import { theme } from 'vitepress-openapi' // [!code ++]
+import { theme } from 'vitepress-openapi/client' // [!code ++]
 import 'vitepress-openapi/dist/style.css' // [!code ++]
 
 export default {
@@ -73,7 +73,7 @@ export default {
 // .vitepress/theme/index.ts
 import DefaultTheme from 'vitepress/theme'
 import type { Theme } from 'vitepress'
-import { theme } from 'vitepress-openapi' // [!code ++]
+import { theme } from 'vitepress-openapi/client' // [!code ++]
 import 'vitepress-openapi/dist/style.css' // [!code ++]
 
 export default {
@@ -101,8 +101,8 @@ In your `.vitepress/theme/index.[js,ts]` file, import the OpenAPI specification
 ```js [JavaScript]
 // .vitepress/theme/index.js
 import DefaultTheme from 'vitepress/theme'
-import { theme } from 'vitepress-openapi' // [!code --]
-import { theme, useOpenapi } from 'vitepress-openapi' // [!code ++]
+import { theme } from 'vitepress-openapi/client' // [!code --]
+import { theme, useOpenapi } from 'vitepress-openapi/client' // [!code ++]
 import 'vitepress-openapi/dist/style.css'
     
 import spec from '../../public/openapi.json' // [!code ++]
@@ -126,8 +126,8 @@ export default {
 // .vitepress/theme/index.ts
 import DefaultTheme from 'vitepress/theme'
 import type { Theme } from 'vitepress'
-import { theme } from 'vitepress-openapi' // [!code --]
-import { theme, useOpenapi } from 'vitepress-openapi'// [!code ++]
+import { theme } from 'vitepress-openapi/client' // [!code --]
+import { theme, useOpenapi } from 'vitepress-openapi/client'// [!code ++]
 import 'vitepress-openapi/dist/style.css'
 
 import spec from '../../public/openapi.json' assert { type: 'json' } // [!code ++]
@@ -216,7 +216,7 @@ If you are using `useOpenapi` in your `.vitepress/theme/index.[js,ts]` file, you
 ```js [JavaScript]
 // .vitepress/theme/index.js
 import DefaultTheme from 'vitepress/theme'
-import { theme, useOpenapi } from 'vitepress-openapi'
+import { theme, useOpenapi } from 'vitepress-openapi/client'
 import 'vitepress-openapi/dist/style.css'
     
 import spec from '../../public/openapi.json'
@@ -283,7 +283,7 @@ title: vitepress-openapi
 
 <script setup>
 import { useData } from 'vitepress'
-import { useTheme } from 'vitepress-openapi' // [!code ++]
+import { useTheme } from 'vitepress-openapi/client' // [!code ++]
 import spec from '../public/openapi.json'
 
 const { isDark } = useData()
@@ -305,7 +305,7 @@ title: vitepress-openapi
 
 <script setup>
 import { useRoute, useData } from 'vitepress'
-import { useTheme } from 'vitepress-openapi' // [!code ++]
+import { useTheme } from 'vitepress-openapi/client' // [!code ++]
 import spec from '../public/openapi.json'
 
 const route = useRoute()
diff --git a/docs/sidebar/sidebar-items.md b/docs/sidebar/sidebar-items.md
index e483d8fd..79775774 100644
--- a/docs/sidebar/sidebar-items.md
+++ b/docs/sidebar/sidebar-items.md
@@ -20,7 +20,7 @@ The `useSidebar` composable provides functions to generate sidebar items based o
 To generate sidebar items grouped by tags, you can use the `generateSidebarGroups` function. Configure your `.vitepress/config.js` as follows:
 
 ```ts
-import { useSidebar, useOpenapi } from 'vitepress-openapi'
+import { useSidebar, useOpenapi } from 'vitepress-openapi/client'
 import spec from '../public/openapi.json' assert { type: 'json' }
 
 const sidebar = useSidebar({
@@ -60,7 +60,7 @@ module.exports = {
 To generate sidebar items by tags, you can use the `itemsByTags` function. Configure your `.vitepress/config.js` as follows:
 
 ```ts
-import { useSidebar, useOpenapi } from 'vitepress-openapi'
+import { useSidebar, useOpenapi } from 'vitepress-openapi/client'
 import spec from '../public/openapi.json' assert { type: 'json' }
 
 const sidebar = useSidebar({
@@ -100,7 +100,7 @@ module.exports = {
 To generate sidebar items by paths, you can use the `itemsByPaths` function. Configure your `.vitepress/config.js` as follows:
 
 ```ts
-import { useSidebar, useOpenapi } from 'vitepress-openapi'
+import { useSidebar, useOpenapi } from 'vitepress-openapi/client'
 import spec from '../public/openapi.json' assert { type: 'json' }
 
 const sidebar = useSidebar({ spec })
diff --git a/docs/tests/[testSlug].md b/docs/tests/[testSlug].md
index a4629294..a38bfaa2 100644
--- a/docs/tests/[testSlug].md
+++ b/docs/tests/[testSlug].md
@@ -7,7 +7,7 @@ title: vitepress-openapi
 <script setup lang="ts">
 import { onUnmounted } from 'vue'
 import { useRoute, useData } from 'vitepress'
-import { useTheme } from 'vitepress-openapi'
+import { useTheme } from 'vitepress-openapi/client'
 
 const route = useRoute()
 
diff --git a/package.json b/package.json
index 451b7e25..6fb4f3f2 100644
--- a/package.json
+++ b/package.json
@@ -17,13 +17,17 @@
   ],
   "exports": {
     ".": {
-      "import": "./dist/vitepress-openapi.es.js",
-      "require": "./dist/vitepress-openapi.umd.js"
+      "import": "./dist/vitepress-openapi.node.es.js",
+      "require": "./dist/vitepress-openapi.node.umd.js"
+    },
+    "./client": {
+      "import": "./dist/vitepress-openapi.client.es.js",
+      "require": "./dist/vitepress-openapi.client.umd.js"
     },
     "./dist/style.css": "./dist/style.css"
   },
-  "main": "./dist/vitepress-openapi.es.js",
-  "module": "./dist/vitepress-openapi.es.js",
+  "main": "./dist/vitepress-openapi.node.es.js",
+  "module": "./dist/vitepress-openapi.node.es.js",
   "types": "./dist/types/index.d.ts",
   "files": [
     "dist",
diff --git a/src/client.ts b/src/client.ts
new file mode 100644
index 00000000..8ec54fd7
--- /dev/null
+++ b/src/client.ts
@@ -0,0 +1,73 @@
+import type { Component } from 'vue'
+import { watch } from 'vue'
+import type { Awaitable } from 'vitepress'
+import type { EnhanceAppContext, Theme } from 'vitepress/client'
+import * as VueI18n from 'vue-i18n'
+import * as components from './components'
+import { DEFAULT_OPERATION_SLOTS, useTheme } from './composables/useTheme'
+import { useShiki } from './composables/useShiki'
+import type { createOpenApiInstance } from './lib/createOpenApiInstance'
+
+import 'tailwindcss/tailwind.css'
+import './style.css'
+import './json.css'
+
+interface OAEnhanceAppContext extends EnhanceAppContext {
+  openapi: ReturnType<typeof createOpenApiInstance>
+}
+
+interface VPTheme {
+  Layout: Component
+  enhanceApp: (ctx: OAEnhanceAppContext) => Awaitable<void>
+  extends?: Theme
+}
+
+export const theme = {
+  enhanceApp({ app, openapi = null }) {
+    if (openapi) {
+      app.provide('openapi', openapi)
+    }
+
+    const themeConfig = useTheme()
+
+    const i18n: any = VueI18n.createI18n({
+      legacy: false,
+      locale: themeConfig.getI18nConfig().locale.value,
+      fallbackLocale: themeConfig.getI18nConfig().fallbackLocale.value,
+      messages: themeConfig.getI18nConfig().messages,
+    })
+    app.use(i18n)
+
+    watch(
+      () => themeConfig.getLocale(),
+      () => {
+        if (i18n.global.locale.value !== themeConfig.getLocale()) {
+          i18n.global.locale.value = themeConfig.getLocale()
+        }
+      },
+      {
+        immediate: true,
+      },
+    )
+
+    for (const key in components) {
+      // @ts-expect-error: no index signature
+      app.component(key, components[key])
+    }
+
+    useShiki().initShiki()
+  },
+} as VPTheme
+
+export { useOpenapi } from './composables/useOpenapi'
+export { useTheme } from './composables/useTheme'
+export { DEFAULT_OPERATION_SLOTS }
+export { useShiki } from './composables/useShiki'
+export { usePlayground } from './composables/usePlayground'
+export { OpenApi } from './lib/OpenApi'
+export { getOpenApiInstance } from './lib/getOpenApiInstance'
+export { createOpenApiInstance } from './lib/createOpenApiInstance'
+export { OARequest } from './lib/codeSamples/request'
+export type { IOARequest } from './lib/codeSamples/request'
+export { generateCodeSample } from './lib/codeSamples/generateCodeSample'
+export { locales } from './locales'
diff --git a/src/composables/useOpenapi.ts b/src/composables/useOpenapi.ts
index 1e02b7d8..5e1bc6de 100644
--- a/src/composables/useOpenapi.ts
+++ b/src/composables/useOpenapi.ts
@@ -47,7 +47,11 @@ export function useOpenapi({
   }
 
   function addSchema({ id, spec, config }: { id: string, spec: OpenAPI.Document, config?: PartialUseThemeConfig }) {
-    const openapi = createOpenApiInstance({ spec })
+    const openapi = createOpenApiInstance({
+      spec,
+      defaultTag: config?.spec?.defaultTag,
+      defaultTagDescription: config?.spec?.defaultTagDescription,
+    })
 
     // @ts-expect-error: This adds all the properties of the OpenAPI instance to the schema.
     schemas.set(id, {
diff --git a/src/composables/usePaths.ts b/src/composables/usePaths.ts
index db2c3004..a4e260f3 100644
--- a/src/composables/usePaths.ts
+++ b/src/composables/usePaths.ts
@@ -4,10 +4,21 @@ import { prepareOpenAPI } from '../lib/prepareOpenAPI/prepareOpenAPI'
 
 export function usePaths({
   spec,
+  defaultTag = undefined,
+  defaultTagDescription = undefined,
 }: {
   spec: OpenAPI.Document
+  defaultTag?: string
+  defaultTagDescription?: string
 }) {
-  const openapi = OpenApi({ spec, transformedSpec: prepareOpenAPI(spec) })
+  const openapi = OpenApi({
+    spec,
+    transformedSpec: prepareOpenAPI({
+      spec,
+      defaultTag,
+      defaultTagDescription,
+    }),
+  })
 
   function getTags() {
     return openapi.getFilteredTags()
diff --git a/src/composables/useSidebar.ts b/src/composables/useSidebar.ts
index 9b327720..80f92b32 100644
--- a/src/composables/useSidebar.ts
+++ b/src/composables/useSidebar.ts
@@ -5,8 +5,6 @@ import { httpVerbs } from '../index'
 import { prepareOpenAPI } from '../lib/prepareOpenAPI/prepareOpenAPI'
 import { generateSidebarItemsByPaths } from '../lib/sidebar/generateSidebarItemsByPaths'
 import { cleanSidebarItems } from '../lib/sidebar/cleanSidebarItems'
-import { useOpenapi } from './useOpenapi'
-import { useTheme } from './useTheme'
 
 type MethodAliases = Record<string, string>
 
@@ -54,18 +52,18 @@ export function useSidebar({
   defaultTag = DEFAULT_CONFIG.defaultTag,
   methodAliases = {},
 }: SidebarConfig = {}) {
-  useTheme({
-    spec: {
-      defaultTag,
-    },
-  })
-
-  const apiSpec = spec || useOpenapi().json
+  function getOpenApi() {
+    if (!spec) {
+      throw new Error('OpenAPI spec is not provided.')
+    }
 
-  const openapi = OpenApi({
-    spec: apiSpec,
-    transformedSpec: prepareOpenAPI(apiSpec),
-  })
+    return OpenApi({
+      spec,
+      transformedSpec: prepareOpenAPI({
+        spec,
+      }),
+    })
+  }
 
   function sidebarItemTemplate(method: OpenAPIV3.HttpMethods, title: string): string {
     const resolvedMethod = methodAliases?.[method] || method.toUpperCase()
@@ -77,7 +75,7 @@ export function useSidebar({
   }
 
   function sidebarItemTemplateForMethodPath(method: OpenAPIV3.HttpMethods, path: string): string {
-    const operation = openapi.getPaths()?.[path]?.[method] as OpenAPIOperation | undefined
+    const operation = getOpenApi().getPaths()?.[path]?.[method] as OpenAPIOperation | undefined
 
     if (!operation) {
       return `[${method.toUpperCase()}] ${path}`
@@ -95,7 +93,7 @@ export function useSidebar({
     path: string,
     itemLinkPrefix: string = linkPrefix,
   ): OASidebarItem | null {
-    const operation = openapi.getPaths()?.[path]?.[method] as OpenAPIOperation | undefined
+    const operation = getOpenApi().getPaths()?.[path]?.[method] as OpenAPIOperation | undefined
 
     if (!operation) {
       return null
@@ -116,7 +114,7 @@ export function useSidebar({
     linkPrefix: groupLinkPrefix = linkPrefix,
     addedOperations = new Set<string>(),
   }: SidebarGroupConfig): OASidebarItem {
-    const paths = openapi.getPaths()
+    const paths = getOpenApi().getPaths()
 
     if (!paths) {
       return {
@@ -157,10 +155,14 @@ export function useSidebar({
   }
 
   function generateSidebarGroups({
-    tags = openapi.getOperationsTags(),
+    tags = undefined,
     linkPrefix: groupsLinkPrefix = linkPrefix,
   }: SidebarGroupsConfig = {}): OASidebarItem[] {
-    if (!openapi.getPaths()) {
+    if (tags === undefined) {
+      tags = getOpenApi().getOperationsTags()
+    }
+
+    if (!getOpenApi().getPaths()) {
       return []
     }
 
@@ -188,10 +190,14 @@ export function useSidebar({
   }
 
   function itemsByTags({
-    tags = openapi.getFilteredTags().map((tag: OpenAPIV3.TagObject) => tag.name || ''),
+    tags = undefined,
     linkPrefix: tagsLinkPrefix = tagLinkPrefix,
   }: SidebarGroupsConfig = {}): OASidebarItem[] {
-    if (!openapi.getPaths() || !tags) {
+    if (tags === undefined) {
+      tags = getOpenApi().getFilteredTags().map((tag: OpenAPIV3.TagObject) => tag.name || '')
+    }
+
+    if (!getOpenApi().getPaths() || !tags) {
       return []
     }
 
@@ -214,7 +220,7 @@ export function useSidebar({
     sidebarItemTemplate?: (method: OpenAPIV3.HttpMethods, path: string) => string
     linkPrefix?: string
   } = {}): DefaultTheme.SidebarItem[] {
-    const paths = openapi.getPaths()
+    const paths = getOpenApi().getPaths()
 
     const sidebarItems = generateSidebarItemsByPaths({
       paths,
diff --git a/src/index.ts b/src/index.ts
index 19ae3633..991bdb67 100644
--- a/src/index.ts
+++ b/src/index.ts
@@ -1,79 +1,6 @@
-import * as VueI18n from 'vue-i18n'
-import type { EnhanceAppContext, Theme } from 'vitepress/client'
-import type { Component } from 'vue'
-import { watch } from 'vue'
-import type { Awaitable } from 'vitepress'
-import { DEFAULT_OPERATION_SLOTS, useTheme } from './composables/useTheme'
-import { useShiki } from './composables/useShiki'
-import * as components from './components'
-
-import type { createOpenApiInstance } from './lib/createOpenApiInstance'
-
-import 'tailwindcss/tailwind.css'
-import './style.css'
-import './json.css'
-
-export { DEFAULT_OPERATION_SLOTS }
 export { useSidebar } from './composables/useSidebar'
-export { useOpenapi } from './composables/useOpenapi'
-export { useTheme } from './composables/useTheme'
-export { useShiki } from './composables/useShiki'
-export { usePlayground } from './composables/usePlayground'
 export { usePaths } from './composables/usePaths'
 export { OpenApi } from './lib/OpenApi'
-export { getOpenApiInstance } from './lib/getOpenApiInstance'
-export { createOpenApiInstance } from './lib/createOpenApiInstance'
-export { OARequest } from './lib/codeSamples/request'
-export type { IOARequest } from './lib/codeSamples/request'
-export { generateCodeSample } from './lib/codeSamples/generateCodeSample'
-export { locales } from './locales'
-
-interface OAEnhanceAppContext extends EnhanceAppContext {
-  openapi: ReturnType<typeof createOpenApiInstance>
-}
-
-interface VPTheme {
-  Layout: Component
-  enhanceApp: (ctx: OAEnhanceAppContext) => Awaitable<void>
-  extends?: Theme
-}
-
-export const theme = {
-  enhanceApp({ app, openapi = null }) {
-    if (openapi) {
-      app.provide('openapi', openapi)
-    }
-
-    const themeConfig = useTheme()
-
-    const i18n: any = VueI18n.createI18n({
-      legacy: false,
-      locale: themeConfig.getI18nConfig().locale.value,
-      fallbackLocale: themeConfig.getI18nConfig().fallbackLocale.value,
-      messages: themeConfig.getI18nConfig().messages,
-    })
-    app.use(i18n)
-
-    watch(
-      () => themeConfig.getLocale(),
-      () => {
-        if (i18n.global.locale.value !== themeConfig.getLocale()) {
-          i18n.global.locale.value = themeConfig.getLocale()
-        }
-      },
-      {
-        immediate: true,
-      },
-    )
-
-    for (const key in components) {
-      // @ts-expect-error: no index signature
-      app.component(key, components[key])
-    }
-
-    useShiki().initShiki()
-  },
-} as VPTheme
 
 export const httpVerbs = ['get', 'post', 'put', 'delete', 'patch', 'options', 'head']
 
diff --git a/src/lib/createOpenApiInstance.ts b/src/lib/createOpenApiInstance.ts
index b907570b..5e0369b7 100644
--- a/src/lib/createOpenApiInstance.ts
+++ b/src/lib/createOpenApiInstance.ts
@@ -5,10 +5,14 @@ import { OpenApi } from './OpenApi'
 
 export function createOpenApiInstance({
   spec,
+  defaultTag = undefined,
+  defaultTagDescription = undefined,
 }: {
   spec: OpenAPI.Document
+  defaultTag?: string
+  defaultTagDescription?: string
 }) {
-  const transformedSpec = prepareOpenAPI(spec)
+  const transformedSpec = prepareOpenAPI({ spec, defaultTag, defaultTagDescription })
   const parsedSpec = processOpenAPI(transformedSpec)
   return OpenApi({ spec, transformedSpec, parsedSpec })
 }
diff --git a/src/lib/prepareOpenAPI/generateMissingTags.ts b/src/lib/prepareOpenAPI/generateMissingTags.ts
index be358820..d0142ef9 100644
--- a/src/lib/prepareOpenAPI/generateMissingTags.ts
+++ b/src/lib/prepareOpenAPI/generateMissingTags.ts
@@ -1,9 +1,14 @@
 import type { OpenAPI, OpenAPIV3 } from '@scalar/openapi-types'
-import { useTheme } from '../../composables/useTheme'
-
-export function generateMissingTags(spec: OpenAPI.Document): OpenAPI.Document {
-  const defaultTag = useTheme().getSpecConfig()?.defaultTag || 'Default'
 
+export function generateMissingTags({
+  spec,
+  defaultTag = 'Default',
+  defaultTagDescription = '',
+}: {
+  spec: OpenAPI.Document
+  defaultTag?: string
+  defaultTagDescription?: string
+}): OpenAPI.Document {
   const operationTags = new Set<string>()
 
   spec.paths = spec.paths || {}
@@ -23,7 +28,7 @@ export function generateMissingTags(spec: OpenAPI.Document): OpenAPI.Document {
     && !spec.tags.find((tag: any) => tag.name === defaultTag)) {
     spec.tags.push({
       name: defaultTag,
-      description: useTheme().getSpecConfig()?.defaultTagDescription,
+      description: defaultTagDescription,
     })
   }
 
diff --git a/src/lib/prepareOpenAPI/prepareOpenAPI.ts b/src/lib/prepareOpenAPI/prepareOpenAPI.ts
index 7b4d3574..f0d478a1 100644
--- a/src/lib/prepareOpenAPI/prepareOpenAPI.ts
+++ b/src/lib/prepareOpenAPI/prepareOpenAPI.ts
@@ -3,7 +3,15 @@ import { generateMissingOperationIds } from './generateMissingOperationIds'
 import { generateMissingSummary } from './generateMissingSummary'
 import { generateMissingTags } from './generateMissingTags'
 
-export function prepareOpenAPI(spec: OpenAPI.Document): OpenAPI.Document {
+export function prepareOpenAPI({
+  spec,
+  defaultTag = undefined,
+  defaultTagDescription = undefined,
+}: {
+  spec: OpenAPI.Document
+  defaultTag?: string
+  defaultTagDescription?: string
+}): OpenAPI.Document {
   if (import.meta.env.VITE_DEBUG) {
     console.warn('Transforming OpenAPI spec:', spec)
   }
@@ -20,7 +28,7 @@ export function prepareOpenAPI(spec: OpenAPI.Document): OpenAPI.Document {
   if (spec?.paths) {
     spec = generateMissingOperationIds(spec)
     spec = generateMissingSummary(spec)
-    spec = generateMissingTags(spec)
+    spec = generateMissingTags({ spec, defaultTag, defaultTagDescription })
   }
 
   return Object.assign({}, spec)
diff --git a/test/lib/prepareOpenAPI/generateMissingTags.test.ts b/test/lib/prepareOpenAPI/generateMissingTags.test.ts
index 24a83372..d51006ad 100644
--- a/test/lib/prepareOpenAPI/generateMissingTags.test.ts
+++ b/test/lib/prepareOpenAPI/generateMissingTags.test.ts
@@ -10,7 +10,7 @@ describe('generateMissingTags', () => {
         },
       },
     }
-    const result = generateMissingTags(spec)
+    const result = generateMissingTags({ spec })
     expect(result.paths['/example'].get.tags).toEqual(['Default'])
   })
 
@@ -24,7 +24,7 @@ describe('generateMissingTags', () => {
         },
       },
     }
-    const result = generateMissingTags(spec)
+    const result = generateMissingTags({ spec })
     expect(result.paths['/example'].get.tags).toEqual(['existingTag'])
   })
 
@@ -37,7 +37,7 @@ describe('generateMissingTags', () => {
       },
       tags: [],
     }
-    const result = generateMissingTags(spec)
+    const result = generateMissingTags({ spec })
     expect(result.tags).toEqual([
       {
         name: 'Default',
@@ -57,7 +57,7 @@ describe('generateMissingTags', () => {
       },
       tags: [],
     }
-    const result = generateMissingTags(spec)
+    const result = generateMissingTags({ spec })
     expect(result.tags).not.toContainEqual({
       name: 'Default',
       description: undefined,
@@ -69,7 +69,7 @@ describe('generateMissingTags', () => {
     const spec = {
       paths: {},
     }
-    const result = generateMissingTags(spec)
+    const result = generateMissingTags({ spec })
     expect(result.paths).toEqual({})
   })
 })
diff --git a/vite.config.ts b/vite.config.ts
index cacad6e2..806087b7 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -8,9 +8,12 @@ export default defineConfig({
   ],
   build: {
     lib: {
-      entry: resolve(__dirname, 'src/index.ts'),
+      entry: {
+        client: resolve(__dirname, 'src/client.ts'),
+        node: resolve(__dirname, 'src/index.ts'),
+      },
       name: 'vitepress-openapi',
-      fileName: (format: string) => `vitepress-openapi.${format}.js`,
+      fileName: (format: string, entryName: string) => `vitepress-openapi.${entryName}.${format}.js`,
     },
     rollupOptions: {
       external: ['vue', 'vitepress'],