feat!: Moved options key to root of nuxt.config

chore: Bumped versions of (@nuxt/kit, bootstrap-icons)
 feat: Added documentation inside of module
 feat: Injected global module types
 refactor: Converted workspace into monorepo

.eslintignore

@@ -1,2 +1,4 @@
 dist
+docs
 node_modules
+playground

.gitignore

@@ -56,5 +56,8 @@ Temporary Items
 .apdisk
 
 
-# All compiled Typescript files
-*.js
+# Compiled setup file
+setup.js
+
+# Generated components
+src/runtime/components/library

docs/.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

docs/.npmrc

@@ -0,0 +1 @@
+shamefully-hoist=true

docs/.prettierrc.cjs

@@ -0,0 +1,3 @@
+module.exports = {
+  plugins: ["prettier-plugin-tailwindcss"],
+};

docs/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.

docs/app.vue

@@ -0,0 +1,11 @@
+<template>
+  <NuxtLayout>
+    <NuxtPage />
+  </NuxtLayout>
+</template>
+
+<style lang="scss">
+body {
+  @apply bg-primary-100 selection:bg-primary-200;
+}
+</style>

docs/components/IntroBanner.vue

@@ -0,0 +1,73 @@
+<script lang="ts" setup>
+import iconList from "#build/nuxt-bootstrap-icons.json";
+
+const { data: icons, refresh } = useAsyncData(async () => generateIcons());
+const { copy } = useClipboard({ legacy: true });
+
+useIntervalFn(refresh, 5000);
+
+async function copyToClipboard(text: string) {
+  await copy(text);
+  push.success("Copied!");
+}
+
+function generateIcons() {
+  const generatedIcons: string[] = [];
+
+  for (let index = 0; index < 4; index++) {
+    const icon = `${iconList[Math.floor(Math.random() * iconList.length)]}`;
+
+    // Prevent duplicate icons
+    if (generatedIcons.includes(icon)) {
+      index--;
+      continue;
+    }
+
+    generatedIcons.push(icon);
+  }
+
+  return generatedIcons as BootstrapIcons[];
+}
+</script>
+
+<template>
+  <header
+    class="mx-auto grid h-screen w-[90%] select-none place-content-center gap-y-20 lg:w-3/4"
+  >
+    <h1
+      class="bg-gradient-to-r from-primary-400 via-primary-500 to-primary-400 bg-clip-text text-center font-serif text-5xl text-transparent lg:text-7xl"
+    >
+      Bootstrap Icons meets Nuxt
+    </h1>
+
+    <!-- Icon grid -->
+    <div
+      class="will-change-content grid grid-cols-2 place-items-center gap-4 lg:grid-cols-4 lg:gap-x-4"
+    >
+      <div
+        class="rounded-lg bg-primary-300 p-10 lg:p-20"
+        v-for="(icon, index) of icons"
+        :key="index"
+      >
+        <BootstrapIcon class="text-5xl" :name="icon" />
+      </div>
+    </div>
+
+    <!-- Try now -->
+    <div class="flex flex-col justify-between gap-y-4 lg:flex-row">
+      <button
+        class="flex w-full items-center justify-center gap-x-2 rounded-lg bg-primary-300 py-3 text-sm text-primary-900 lg:w-3/4 lg:gap-x-4"
+        @click="copyToClipboard(($event.target as HTMLElement).innerText)"
+      >
+        <BootstrapIcon class="text-xl" name="code-slash" />
+        <code>pnpm add -D nuxt-bootstrap-icons</code>
+      </button>
+
+      <NuxtLink
+        class="flex w-full items-center justify-center gap-x-2 rounded-full border border-primary-500 p-3 text-primary-500 transition hover:bg-primary-500 hover:text-primary-100 lg:w-[200px] lg:justify-around lg:gap-x-0"
+        to="/release-notes"
+        >Release Notes <BootstrapIcon class="text-xl" name="arrow-right"
+      /></NuxtLink>
+    </div>
+  </header>
+</template>

docs/components/OgImage/Page.vue

@@ -0,0 +1,28 @@
+<script lang="ts" setup>
+defineProps<{ title: string; description: string }>();
+</script>
+
+<template>
+  <div class="w-full bg-primary-100">
+    <div class="relative mx-auto h-screen w-[90%] py-20">
+      <h1 class="text-5xl font-extrabold">
+        {{ title }} · nuxt-bootstrap-icons
+      </h1>
+      <p class="font-sans text-3xl">{{ description }}</p>
+
+      <div
+        class="absolute bottom-20 right-10 flex h-[200px] w-[200px] items-center justify-center rounded-full"
+        style="
+          background: linear-gradient(
+            315deg,
+            rgba(105, 112, 64, 1),
+            rgba(135, 142, 84, 0.6)
+          );
+        "
+      >
+        <!-- <BootstrapIcon icon-name="bootstrap" /> -->
+        <!-- <PhosphorIconPhosphorLogo size="100" /> -->
+      </div>
+    </div>
+  </div>
+</template>

CHANGELOG.md → docs/content/release-notes.md

@@ -1,4 +1,4 @@
-# Changelog
+# Release Notes
 
 ## v1.0.3
 
@@ -22,7 +22,7 @@
 - **package:** Edited scripts ([b84ad1c](https://github.com/OyewoleOyedeji/nuxt-bootstrap-icons/commit/b84ad1c))
 - **package:** Edited scripts" ([7b2d0c5](https://github.com/OyewoleOyedeji/nuxt-bootstrap-icons/commit/7b2d0c5))
 
-### ❤️  Contributors
+### ❤️ Contributors
 
 - OyewoleOyedeji
 
@@ -40,7 +40,7 @@
 - **refactor:** Updated playground link ([6918fe4](https://github.com/OyewoleOyedeji/nuxt-bootstrap-icons/commit/6918fe4))
 - **refactor:** Changed about ([4d9790c](https://github.com/OyewoleOyedeji/nuxt-bootstrap-icons/commit/4d9790c))
 
-### ❤️  Contributors
+### ❤️ Contributors
 
 - OyewoleOyedeji
 

docs/nuxt.config.ts

@@ -0,0 +1,44 @@
+export default defineNuxtConfig({
+  bootstrapIcons: { expose: true, showList: true },
+  content: {
+    defaultLocale: "en-US",
+    highlight: {
+      theme: "one-dark-pro",
+      preload: ["bash", "ts"],
+    },
+  },
+  css: ["notivue/animations.css", "notivue/notifications.css"],
+  devtools: { enabled: true },
+  googleFonts: {
+    families: {
+      "Courier Prime": true,
+      Lora: [700],
+      "Open Sans": [400, 500, 600],
+    },
+  },
+  modules: [
+    "notivue/nuxt",
+    "nuxt-bootstrap-icons",
+    "nuxt-og-image",
+    "@formkit/auto-animate/nuxt",
+    "@nuxt/content",
+    "@nuxtjs/google-fonts",
+    "@nuxtjs/tailwindcss",
+    "@vueuse/nuxt",
+  ],
+  notivue: {
+    position: "bottom-center",
+  },
+  routeRules: {
+    "/**": { isr: true },
+  },
+  site: {
+    url: "https://nuxt-bootstrap-icons.vercel.app",
+  },
+  tailwindcss: {
+    exposeConfig: true,
+  },
+  typescript: {
+    shim: false,
+  },
+});

docs/package.json

@@ -0,0 +1,34 @@
+{
+  "name": "docs",
+  "private": true,
+  "type": "module",
+  "scripts": {
+    "build": "nuxt build",
+    "dev": "nuxt dev",
+    "generate": "nuxt generate",
+    "preview": "nuxt preview",
+    "postinstall": "nuxt prepare"
+  },
+  "devDependencies": {
+    "@formkit/auto-animate": "^0.8.1",
+    "@nuxt/content": "^2.10.0",
+    "@nuxtjs/google-fonts": "^3.1.3",
+    "@nuxtjs/tailwindcss": "^6.10.3",
+    "@vueuse/core": "^10.7.1",
+    "@vueuse/nuxt": "^10.7.1",
+    "nuxt": "^3.9.0",
+    "nuxt-bootstrap-icons": "workspace:^",
+    "nuxt-og-image": "3.0.0-rc.13",
+    "sass": "^1.69.6",
+    "vue": "^3.4.3",
+    "vue-router": "^4.2.5"
+  },
+  "dependencies": {
+    "@bobthered/tailwindcss-palette-generator": "^3.2.3",
+    "notivue": "^2.0.1"
+  },
+  "optionalDependencies": {
+    "prettier": "^3.1.1",
+    "prettier-plugin-tailwindcss": "^0.5.10"
+  }
+}