@polymarbot/nuxt-layer-shadcn-ui 0.1.2 → 0.1.3

package/app/assets/styles/globals.css

@@ -2,11 +2,9 @@
 @import 'tw-animate-css';
 @import './colors.css';
 @import './utilities.css';
-@import './animate.css';
-@import './transition.css';
 
-/* Ensure Tailwind scans all source files in this app */
-@source '../../../..';
+/* Ensure Tailwind scans the layer's own source files */
+@source '../../..';
 
 /* Dark mode configuration for Tailwind v4 */
 @custom-variant dark (&:where(.dark, .dark *));
@@ -14,30 +12,5 @@
 @layer base {
   * {
     @apply border-border outline-ring/50;
-    box-sizing: border-box;
-  }
-  html {
-    font-size: 16px;
-  }
-  body {
-    @apply bg-background text-foreground;
-    margin: 0;
-  }
-}
-
-/* Prevent accidental text selection on touch devices */
-@media (pointer: coarse) {
-  body {
-    -webkit-user-select: none;
-    user-select: none;
-  }
-  input,
-  textarea,
-  [contenteditable='true'],
-  pre,
-  code,
-  .selectable {
-    -webkit-user-select: text;
-    user-select: text;
   }
 }

package/app/assets/styles/utilities.css

@@ -21,6 +21,3 @@
     to { height: 0; }
   }
 }
-
-/* Safe area utilities */
-@utility pb-safe { padding-bottom: env(safe-area-inset-bottom); }

package/nuxt.config.ts

@@ -15,11 +15,35 @@ export default defineNuxtConfig({
   // Package is declared as peerDependency so consumers own the version.
   modules: [ '@nuxtjs/i18n' ],
 
-  // Explicit absolute path so the layer's messages load regardless of the
-  // consumer's vueI18n setting (each layer's vueI18n is resolved per-layer
-  // and merged by @nuxtjs/i18n).
+  // Lazy-loaded messages. @nuxtjs/i18n v9+ lazy-loads every locale file by
+  // default; each layer's `langDir` resolves per-layer, so the files under
+  // this layer's directory stay scoped to this layer and are merged with
+  // the consumer's own locale files per matching `code`. `langDir` must be
+  // relative (absolute paths do not survive the build) — v10's default
+  // `restructureDir: 'i18n'` roots resolution at `<layer>/i18n/`.
   i18n: {
-    vueI18n: join(currentDir, 'i18n.config.ts'),
+    langDir: 'messages',
+    locales: [
+      { code: 'ar', file: 'ar.json' },
+      { code: 'de', file: 'de.json' },
+      { code: 'en', file: 'en.json' },
+      { code: 'es', file: 'es.json' },
+      { code: 'fr', file: 'fr.json' },
+      { code: 'hi', file: 'hi.json' },
+      { code: 'id', file: 'id.json' },
+      { code: 'it', file: 'it.json' },
+      { code: 'ja', file: 'ja.json' },
+      { code: 'ko', file: 'ko.json' },
+      { code: 'nl', file: 'nl.json' },
+      { code: 'pl', file: 'pl.json' },
+      { code: 'pt', file: 'pt.json' },
+      { code: 'ru', file: 'ru.json' },
+      { code: 'th', file: 'th.json' },
+      { code: 'tr', file: 'tr.json' },
+      { code: 'vi', file: 'vi.json' },
+      { code: 'zh-CN', file: 'zh-CN.json' },
+      { code: 'zh-TW', file: 'zh-TW.json' },
+    ],
   },
 
   // Register the layer's global stylesheet. Consumers extending this layer

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@polymarbot/nuxt-layer-shadcn-ui",
-  "version": "0.1.2",
+  "version": "0.1.3",
   "description": "Nuxt layer providing shadcn-vue based UI components",
   "type": "module",
   "main": "./nuxt.config.ts",
@@ -11,7 +11,6 @@
   "files": [
     "app",
     "i18n",
-    "i18n.config.ts",
     "nuxt.config.ts"
   ],
   "publishConfig": {

package/app/assets/styles/animate.css

@@ -1,71 +0,0 @@
-@keyframes slideIn {
-  from {
-    transform: translateX(calc(100% + var(--viewport-padding)));
-  }
-  to {
-    transform: translateX(0);
-  }
-}
-
-@keyframes hide {
-  from {
-    opacity: 1;
-  }
-  to {
-    opacity: 0;
-  }
-}
-
-@keyframes swipeOut {
-  from {
-    transform: translateX(var(--radix-toast-swipe-end-x));
-  }
-  to {
-    transform: translateX(calc(100% + var(--viewport-padding)));
-  }
-}
-
-@keyframes shake {
-  0%, 100% {
-    transform: translateX(0);
-  }
-  10%, 30%, 50%, 70%, 90% {
-    transform: translateX(-4px);
-  }
-  20%, 40%, 60%, 80% {
-    transform: translateX(4px);
-  }
-}
-
-@keyframes pop {
-  from {
-    transform: scale(0);
-    opacity: 0;
-  }
-  to {
-    transform: scale(1);
-    opacity: 1;
-  }
-}
-
-@layer utilities {
-  .animate-slideIn {
-    animation: slideIn 150ms cubic-bezier(0.16, 1, 0.3, 1);
-  }
-
-  .animate-hide {
-    animation: hide 100ms ease-in;
-  }
-
-  .animate-swipeOut {
-    animation: swipeOut 100ms ease-out;
-  }
-
-  .animate-shake {
-    animation: shake 0.5s ease-in-out;
-  }
-
-  .animate-pop {
-    animation: pop 300ms cubic-bezier(0.34, 1.56, 0.64, 1);
-  }
-}

package/app/assets/styles/transition.css

@@ -1,34 +0,0 @@
-/* Layout transition (fade only) */
-.layout-enter-active,
-.layout-leave-active {
-  transition: opacity .2s;
-}
-.layout-enter-from,
-.layout-leave-to {
-  opacity: 0;
-}
-
-/* Page transition */
-.page-enter-active,
-.page-leave-active {
-  transition: all .2s;
-}
-.page-enter-from,
-.page-leave-to {
-  opacity: 0;
-  transform: translateX(30px);
-}
-
-/* Tab transition */
-.tab-enter-active,
-.tab-leave-active {
-  transition: all .2s;
-}
-.tab-enter-from {
-  opacity: 0;
-  transform: translateX(30px);
-}
-.tab-leave-to {
-  opacity: 0;
-  transform: translateX(-30px);
-}

package/i18n.config.ts

@@ -1,19 +0,0 @@
-/**
- * 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 }))