feat(nuxt): export nuxt module

docs/guide/index.md

@@ -149,3 +149,16 @@ You must import the CSS from the `@kong/kongponents` package along with Vue.
   Kongponents for Vue</a> by Kong, Inc.
   on <a href="https://codepen.io">CodePen</a>.
 </iframe>
+
+## Nuxt Module
+
+You can also install Kongponents as a [Nuxt module](https://nuxt.com/docs/guide/directory-structure/modules).
+
+1. Follow the [package install instructions](#install)
+2. Add the Kongponents module to your `nuxt.config.ts`
+
+```typescript
+export default defineNuxtConfig({
+  modules: ['@kong/kongponents/nuxt'],
+})
+```

module/kongponents.nuxt.ts

@@ -0,0 +1,25 @@
+import { defineNuxtModule, createResolver, addComponentsDir } from '@nuxt/kit'
+
+export interface ModuleOptions {
+  // Define module options here as needed
+}
+
+export default defineNuxtModule<ModuleOptions>({
+  meta: {
+    name: 'kongponents',
+    configKey: 'kongponents',
+  },
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
+  setup(options, nuxt) {
+    const resolver = createResolver(import.meta.url)
+
+    addComponentsDir({
+      path: resolver.resolve('../src/components'),
+      pathPrefix: false,
+      prefix: '',
+      global: true,
+    })
+  },
+})
+
+// export * from './types'

module/tsconfig.json

@@ -0,0 +1,20 @@
+{
+  "extends": "../tsconfig.json",
+  "compilerOptions": {
+    "types": [
+      "vite/client",
+      "@nuxt/schema"
+    ],
+    "outDir": "../dist/nuxt",
+    "declarationDir": "../dist/nuxt",
+  },
+  "include": [
+    "**/*.ts"
+  ],
+  "exclude": [
+    "src/**",
+    "sandbox",
+    "node_modules",
+    "dist",
+  ],
+}

package.json

@@ -22,13 +22,19 @@
       "require": "./dist/kongponents.umd.js",
       "types": "./dist/types/index.d.ts"
     },
+    "./nuxt": {
+      "import": "./dist/nuxt/kongponents-nuxt.es.js",
+      "require": "./dist/nuxt/kongponents-nuxt.cjs",
+      "types": "./dist/nuxt/kongponents.nuxt.d.ts"
+    },
     "./package.json": "./package.json",
     "./dist/*": "./dist/*"
   },
   "scripts": {
     "build:cli": "rimraf ./bin && tsc --project ./cli/tsconfig.json && chmod u+x ./bin/index.js",
     "build:docs": "vitepress build docs",
-    "build:kongponents": "pnpm typecheck && vite build && vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly && tsc-alias -p './tsconfig.build.json'",
+    "build:kongponents": "pnpm typecheck && vite build && vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly && tsc-alias -p './tsconfig.build.json' && pnpm build:nuxt:module",
+    "build:nuxt:module": "vue-tsc -p './module/tsconfig.json' --noEmit && vite build --config vite.config.nuxt.module.ts && vue-tsc -p './module/tsconfig.json' --emitDeclarationOnly",
     "build:visualize": "cross-env-shell BUILD_VISUALIZER=true vite build -m production",
     "build": "pnpm build:cli && pnpm stylelint && pnpm lint && pnpm build:kongponents && pnpm build:docs",
     "build:ci": "pnpm build:kongponents && pnpm build:docs",
@@ -82,6 +88,8 @@
     "@kong-ui-public/sandbox-layout": "^2.1.59",
     "@kong/design-tokens": "^1.17.2",
     "@kong/eslint-config-kong-ui": "^1.1.2",
+    "@nuxt/kit": "^3.14.1592",
+    "@nuxt/schema": "^3.14.1592",
     "@semantic-release/changelog": "^6.0.3",
     "@semantic-release/git": "^10.0.1",
     "@stylistic/stylelint-plugin": "^3.1.1",