@polymarbot/nuxt-layer-shadcn-ui 0.1.0

package/i18n/messages/zh-TW.json

@@ -0,0 +1,65 @@
+{
+  "common": {
+    "actions": {
+      "cancel": "取消",
+      "close": "關閉",
+      "confirm": "確認"
+    },
+    "formats": {
+      "date": "YYYY-MM-DD",
+      "dateRange": {
+        "date": "MMM D",
+        "dateTime": "MMM D HH:mm"
+      },
+      "dateTime": "YYYY-MM-DD HH:mm:ss",
+      "duration": {
+        "days": "天",
+        "hours": "小時",
+        "minutes": "分鐘",
+        "seconds": "秒"
+      }
+    }
+  },
+  "components": {
+    "ui": {
+      "AsyncDataTable": {
+        "actions": "操作"
+      },
+      "CopyButton": {
+        "copied": "已複製",
+        "copyToClipboard": "複製"
+      },
+      "DataTable": {
+        "empty": "無資料"
+      },
+      "DatePicker": {
+        "format": {
+          "date": "yyyy-MM-dd",
+          "dateTime": "yyyy-MM-dd HH:mm",
+          "month": "MMM yyyy",
+          "year": "yyyy"
+        },
+        "placeholder": "選擇日期"
+      },
+      "DateRangePicker": {
+        "endPlaceholder": "結束日期",
+        "startPlaceholder": "開始日期",
+        "to": "–"
+      },
+      "Pagination": {
+        "pageReport": "{first}–{last} 共 {total}"
+      },
+      "SearchSelect": {
+        "createNew": "建立新項",
+        "noItems": "無選項",
+        "noSearchItems": "無搜尋結果"
+      },
+      "Select": {
+        "itemsSelected": "已選擇 {count} 項",
+        "noItems": "無選項",
+        "placeholder": "請選擇",
+        "searchPlaceholder": "搜尋..."
+      }
+    }
+  }
+}

package/i18n.config.ts

@@ -0,0 +1,19 @@
+/**
+ * Vue I18n config loaded by `@nuxtjs/i18n` (configured via `nuxt.config.ts`).
+ *
+ * Pre-merged messages live in `i18n/messages/<locale>.json` (generated by
+ * `pnpm i18n:build`). This file auto-loads every JSON in that directory so
+ * adding a new language file "just works" without touching this config.
+ *
+ * Consumers that extend this Nuxt layer inherit these messages; their own
+ * translations are merged on top by `@nuxtjs/i18n`.
+ */
+const files = import.meta.glob('./i18n/messages/*.json', { eager: true, import: 'default' })
+
+const messages: Record<string, unknown> = {}
+for (const [ filepath, data ] of Object.entries(files)) {
+  const code = filepath.split('/').pop()!.replace('.json', '')
+  messages[code] = data
+}
+
+export default defineI18nConfig(() => ({ messages }))

package/nuxt.config.ts

@@ -0,0 +1,62 @@
+import { join } from 'node:path'
+
+// Use full resolved paths for layer (~ resolves to consuming app, not layer)
+const currentDir = import.meta.dirname
+
+export default defineNuxtConfig({
+  // Self-reference alias: lets shadcn-generated imports
+  // `@polymarbot/nuxt-layer-shadcn-ui/app/...` resolve during layer's own dev (pnpm
+  // does not create a self-symlink in workspace). Harmless in consumer
+  // context — resolves to the same path that node_modules would.
+  alias: {
+    '@polymarbot/nuxt-layer-shadcn-ui': currentDir,
+  },
+
+  // Package is declared as peerDependency so consumers own the version.
+  // `i18n.config.ts` at this layer's root is auto-discovered by @nuxtjs/i18n.
+  modules: [ '@nuxtjs/i18n' ],
+
+  // Register the layer's global stylesheet. Consumers extending this layer
+  // automatically inherit it via Nuxt's css array merging.
+  css: [ join(currentDir, 'app/assets/styles/globals.css') ],
+
+  postcss: {
+    plugins: {
+      '@tailwindcss/postcss': {},
+    },
+  },
+
+  components: [
+    // Layer's own components (absolute paths required)
+    { path: join(currentDir, 'app/components/ui'), pathPrefix: false, extensions: [ 'vue' ]},
+    { path: join(currentDir, 'app/components'), pathPrefix: true, ignore: [ 'shadcn/**' ], extensions: [ 'vue' ]},
+  ],
+
+  imports: {
+    dirs: [
+      join(currentDir, 'app/composables/**'),
+      join(currentDir, 'app/types/**'),
+      join(currentDir, 'app/utils/**'),
+    ],
+  },
+
+  hooks: {
+    // Auto-import types from `app/components/**\/types.ts` files.
+    // `.vue` files must not export types per project convention; exported
+    // types live in a co-located `types.ts` that gets scanned here.
+    'imports:extend': async (imports: unknown[]) => {
+      // @ts-expect-error fast-glob has no types in this project scope
+      const { default: fg } = await import('fast-glob')
+      // @ts-expect-error unimport has no types in this project scope
+      const { scanExports } = await import('unimport')
+      const files = await fg('**/types.ts', {
+        cwd: join(currentDir, 'app/components'),
+        absolute: true,
+      })
+      for (const file of files) {
+        const exports = await scanExports(file, true)
+        imports.push(...exports)
+      }
+    },
+  },
+})

package/package.json

@@ -0,0 +1,46 @@
+{
+  "name": "@polymarbot/nuxt-layer-shadcn-ui",
+  "version": "0.1.0",
+  "description": "Nuxt layer providing shadcn-vue based UI components",
+  "type": "module",
+  "main": "./nuxt.config.ts",
+  "exports": {
+    ".": "./nuxt.config.ts",
+    "./*": "./*"
+  },
+  "files": [
+    "app",
+    "i18n",
+    "i18n.config.ts",
+    "nuxt.config.ts"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "dependencies": {
+    "@tailwindcss/postcss": "^4.2.4",
+    "@tanstack/vue-table": "^8.21.3",
+    "@vuepic/vue-datepicker": "^12.1.0",
+    "class-variance-authority": "^0.7.1",
+    "clsx": "^2.1.1",
+    "date-fns": "^4.1.0",
+    "lodash-es": "^4.18.1",
+    "lucide-vue-next": "^1.0.0",
+    "qrcode": "^1.5.4",
+    "reka-ui": "^2.9.6",
+    "tailwind-merge": "^3.5.0",
+    "tailwindcss": "^4.2.4",
+    "tw-animate-css": "^1.4.0",
+    "vue-sonner": "^2.0.9"
+  },
+  "peerDependencies": {
+    "@polymarbot/uitls-shared": "^0.2.0",
+    "@nuxtjs/i18n": "^10",
+    "@vueuse/core": "^14",
+    "dayjs": "^1",
+    "nuxt": "^4",
+    "vue": "^3",
+    "vue-i18n": "^11",
+    "vue-router": "^4"
+  }
+}