feat(www): migrate to module worker for cloudflare

Author: cwandev

apps/www/.gitignore

@@ -4,6 +4,7 @@
 .nuxt
 .nitro
 .cache
+.wrangler
 dist
 
 # Node dependencies

apps/www/app.config.ts

@@ -39,11 +39,6 @@ export default defineAppConfig({
           to: '/overview/usage',
           description: 'Learn how to use AI Elements Vue in your project',
           target: '_self',
-        }, {
-          title: 'Components',
-          to: '/components',
-          description: 'Explore all available components and their usage',
-          target: '_self',
         }],
       }, {
         title: 'Credits',

apps/www/content/index.md

@@ -25,7 +25,7 @@ AI Elements Vue is a component library built on top of shadcn-vue to help you bu
   ::card
   ---
   title: Shadcn Vue
-  icon: my-icon:shadcn-vue
+  icon: custom-icon:shadcn-vue
   icon-size: 26
   to: https://www.shadcn-vue.com
   target: _blank

apps/www/nuxt.config.ts

@@ -5,9 +5,9 @@ export default defineNuxtConfig({
 
   plugins: ['~/plugins/ai-elements'],
 
-  content: {
-    markdown: {
-      mdc: true,
+  mdc: {
+    highlight: {
+      shikiEngine: 'javascript',
     },
   },
 
@@ -30,7 +30,7 @@ export default defineNuxtConfig({
   icon: {
     customCollections: [
       {
-        prefix: 'my-icon',
+        prefix: 'custom-icon',
         dir: './assets/icons',
       },
     ],
@@ -41,7 +41,17 @@ export default defineNuxtConfig({
   },
 
   compatibilityDate: '2024-07-06',
+
+  sourcemap: false,
+
+  vite: {
+    build: {
+      sourcemap: false,
+      chunkSizeWarningLimit: 1500,
+    },
+  },
+
   nitro: {
-    preset: 'cloudflare-pages',
+    preset: 'cloudflare-module',
   },
 })

apps/www/package.json

@@ -13,7 +13,7 @@
   "dependencies": {
     "@repo/elements": "workspace:*",
     "@repo/examples": "workspace:*",
-    "nuxt": "^3.17.6",
+    "nuxt": "^3.18.0",
     "shadcn-docs-nuxt": "^1.1.1",
     "tailwindcss": "^4.1.13",
     "vue": "^3.5.17",

apps/www/wrangler.toml

@@ -0,0 +1,6 @@
+name = "ai-elements-vue"
+main = ".output/server/index.mjs"
+compatibility_date = "2024-07-06"
+compatibility_flags = [ "nodejs_compat" ]
+routes = [ "www.ai-elements-vue.com/*" ]
+site = { bucket = ".output/public" }