Merge pull request #848 from patrickcate/feature/000/nuxt-playground

test: add Nuxt playground for testing

Author: patrickcate

playground/nuxt/.gitignore

@@ -0,0 +1,24 @@
+# Nuxt dev/build outputs
+.output
+.data
+.nuxt
+.nitro
+.cache
+dist
+
+# Node dependencies
+node_modules
+
+# Logs
+logs
+*.log
+
+# Misc
+.DS_Store
+.fleet
+.idea
+
+# Local env files
+.env
+.env.*
+!.env.example

playground/nuxt/README.md

@@ -0,0 +1,75 @@
+# Nuxt 3 Minimal Starter
+
+Look at the [Nuxt 3 documentation](https://nuxt.com/docs/getting-started/introduction) to learn more.
+
+## Setup
+
+Make sure to install the dependencies:
+
+```bash
+# npm
+npm install
+
+# pnpm
+pnpm install
+
+# yarn
+yarn install
+
+# bun
+bun install
+```
+
+## Development Server
+
+Start the development server on `http://localhost:3000`:
+
+```bash
+# npm
+npm run dev
+
+# pnpm
+pnpm run dev
+
+# yarn
+yarn dev
+
+# bun
+bun run dev
+```
+
+## Production
+
+Build the application for production:
+
+```bash
+# npm
+npm run build
+
+# pnpm
+pnpm run build
+
+# yarn
+yarn build
+
+# bun
+bun run build
+```
+
+Locally preview production build:
+
+```bash
+# npm
+npm run preview
+
+# pnpm
+pnpm run preview
+
+# yarn
+yarn preview
+
+# bun
+bun run preview
+```
+
+Check out the [deployment documentation](https://nuxt.com/docs/getting-started/deployment) for more information.

playground/nuxt/app.vue

@@ -0,0 +1,5 @@
+<template>
+  <div>
+    <NuxtWelcome />
+  </div>
+</template>

playground/nuxt/global.d.ts

@@ -0,0 +1,2 @@
+declare module 'vue-uswds/core'
+declare module 'vue-uswds/components'

playground/nuxt/modules/vue-uswds.ts

@@ -0,0 +1,16 @@
+import { addComponent, defineNuxtModule } from '@nuxt/kit'
+import * as components from 'vue-uswds/components'
+
+export default defineNuxtModule({
+  setup() {
+    const componentNames = Object.keys(components)
+
+    componentNames.forEach(componentName => {
+      addComponent({
+        name: componentName,
+        export: componentName,
+        filePath: 'vue-uswds/components',
+      })
+    })
+  },
+})

playground/nuxt/nuxt.config.ts

@@ -0,0 +1,15 @@
+// https://nuxt.com/docs/api/configuration/nuxt-config
+export default defineNuxtConfig({
+  devtools: { enabled: true },
+  app: {
+    head: {
+      link: [
+        {
+          rel: 'stylesheet',
+          href: 'https://cdn.jsdelivr.net/npm/@uswds/[email protected]/dist/css/uswds.min.css',
+        },
+      ],
+    },
+  },
+  modules: ['./modules/vue-uswds'],
+})