🎨 Working app and shared with start of pages

modules/shared/.env.example

@@ -0,0 +1 @@
+NUXT_UI_PRO_LICENSE=

modules/shared/.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

modules/shared/.npmrc

@@ -0,0 +1,3 @@
+shamefully-hoist=true
+strict-peer-dependencies=false
+shell-emulator=true

modules/shared/.nuxtrc

@@ -0,0 +1 @@
+typescript.includeWorkspace = true

modules/shared/app.config.ts

@@ -0,0 +1,36 @@
+export default defineAppConfig({
+  ui: {
+    primary: 'orange',
+    button: {
+      default: {
+        color: 'primary',
+      },
+    },
+    input: {
+      placeholder: 'placeholder-transparent',
+      default: {
+        size: 'md',
+        color: 'primary',
+        variant: 'none'
+      },
+    },
+    formGroup: {
+      wrapper: 'flex flex-col md:flex-row rounded-lg py-1 px-4 border-b-2 border-orange-500',
+      inner: 'flex-2 content-center',
+      container: 'flex-1 mt-auto',
+      label: {
+        base: 'font-thin'
+      },
+      default: {
+        size: 'md',
+      },
+    },
+    card: {
+      rounded: 'rounded-3xl',
+      shadow: 'shadow-lg',
+    },
+    header: {
+      rounded: 'rounded-xl',
+    }
+  },
+})

modules/shared/app.vue

@@ -0,0 +1,3 @@
+<template>
+  Hello PEL
+</template>

modules/shared/eslint.config.js

@@ -0,0 +1,8 @@
+import antfu from '@antfu/eslint-config'
+
+export default antfu(
+  {
+    // unocss: true,
+    formatters: true,
+  },
+)

modules/shared/nuxt.config.ts

@@ -0,0 +1,60 @@
+import { fileURLToPath } from 'node:url'
+import { dirname, join } from 'node:path'
+
+const currentDir = dirname(fileURLToPath(import.meta.url))
+
+// https://nuxt.com/docs/api/configuration/nuxt-config
+export default defineNuxtConfig({
+  compatibilityDate: '2024-09-11',
+
+  devtools: { enabled: true },
+
+  extends: ['@nuxt/ui-pro'],
+
+  modules: [
+    '@vueuse/nuxt',
+    '@pinia/nuxt',
+    // '@nuxt/icon', // installed with nuxt-ui
+    '@nuxt/fonts',
+    '@nuxt/ui',
+  ],
+
+  app: {
+    head: {
+      viewport: 'width=device-width,initial-scale=1',
+      link: [
+        { rel: 'icon', type: 'image/svg+xml', href: '/favicon.svg' },
+      ],
+      meta: [
+        { name: 'viewport', content: 'width=device-width, initial-scale=1' },
+        { name: 'description', content: 'Avent 2023' },
+        { name: 'apple-mobile-web-app-status-bar-style', content: 'black-translucent' },
+      ],
+    },
+  },
+
+  components: [
+    {
+      path: join(currentDir, './components'),
+      pathPrefix: false,
+    },
+    {
+      path: '~/components',
+      pathPrefix: false,
+    },
+  ],
+
+  fonts: {
+    families: [
+      {
+        name: 'Grobold',
+        src: '/fonts/GROBOLD.woff2',
+      },
+      {
+        name: 'Londrina Solid',
+        provider: 'google',
+        weights: [200, 300, 400, 700],
+      }
+    ],
+  },
+})

modules/shared/package.json

@@ -0,0 +1,35 @@
+{
+  "name": "@pel/shared",
+  "type": "module",
+  "private": true,
+  "packageManager": "pnpm@9.9.0",
+  "main": "./nuxt.config.ts",
+  "files": [
+    "components/",
+    "composales/",
+    "nuxt.config.ts",
+    "tailwind.config.ts"
+  ],
+  "scripts": {
+    "dev": "nuxt dev .playground --port 3042",
+    "build": "nuxt build .playground",
+    "generate": "nuxt generate .playground",
+    "preview": "nuxt preview .playground",
+    "postinstall": "nuxt prepare .playground",
+    "lint": "eslint .",
+    "up": "taze major -I"
+  },
+  "devDependencies": {
+    "@antfu/eslint-config": "^3.0.0",
+    "@iconify-json/mdi": "^1.2.0",
+    "@nuxt/devtools": "^1.4.1",
+    "@nuxt/fonts": "^0.7.2",
+    "@nuxt/ui-pro": "^1.4.2",
+    "@pinia/nuxt": "^0.5.4",
+    "@vueuse/core": "^11.0.3",
+    "@vueuse/nuxt": "^11.0.3",
+    "eslint": "^9.9.1",
+    "eslint-plugin-format": "^0.1.2",
+    "nuxt": "^3.12.4"
+  }
+}

modules/shared/tailwind.config.ts

@@ -0,0 +1,37 @@
+import type { Config } from 'tailwindcss'
+import defaultTheme from 'tailwindcss/defaultTheme'
+
+export default <Partial<Config>>{
+  theme: {
+    extend: {
+      fontFamily: {
+        logo: ['Grobold'],
+        sans: ['Londrina Solid', 'DM Sans', ...defaultTheme.fontFamily.sans]
+      },
+      colors: {
+        'orange': {
+          '50': '#fffbec',
+          '100': '#fff6d3',
+          '200': '#ffe9a5',
+          '300': '#ffd76d',
+          '400': '#ffba32',
+          '500': '#ffa20a',
+          '600': '#ff8a00',
+          '700': '#cc6502',
+          '800': '#a14e0b',
+          '900': '#82410c',
+          '950': '#461f04',
+        },
+        'black': {
+          '500': '#303030',
+        }
+      },
+      fontSize: {
+        'hlogo': '45px',
+      },
+      boxShadow: {
+        'input-orange': 'inset 0 0 0 1px #ffa20a',
+      },
+    }
+  }
+}

modules/shared/tsconfig.json

@@ -0,0 +1,3 @@
+{
+  "extends": "./.playground/.nuxt/tsconfig.json"
+}