@mptw/skylens-ui 1.5.0 → 1.5.1

package/eslint.config.js

@@ -0,0 +1,3 @@
+import withNuxt from './.playground/.nuxt/eslint.config.mjs'
+
+export default withNuxt()

package/nuxt.config.ts

@@ -1,15 +1,16 @@
-// https://nuxt.com/docs/api/configuration/nuxt-config
-import { fileURLToPath } from "url";
-import { dirname } from "path";
-
-const currentDir = dirname(fileURLToPath(import.meta.url));
+import { fileURLToPath } from "node:url";
+import tailwindcss from "@tailwindcss/vite";
 
+// https://nuxt.com/docs/api/configuration/nuxt-config
 export default defineNuxtConfig({
+  devtools: { enabled: true },
+  compatibilityDate: "2026-07-28",
+  $meta: {
+    name: "skylens-ui",
+  },
   alias: {
-    "~ui": currentDir,
-    images: fileURLToPath(new URL("./assets/images", import.meta.url)),
+    "~ui": fileURLToPath(new URL("./", import.meta.url)),
   },
-  devtools: { enabled: true },
   runtimeConfig: {
     public: {
       defaultCableEndDateBeforeNow: 5,
@@ -17,11 +18,13 @@ export default defineNuxtConfig({
       icoUrl: "https://skylens-mng-dev-1087511617183.asia-east1.run.app",
     },
   },
-  components: [{ path: "~ui/components" }],
-  css: ["~ui/assets/css/icons.css", "~ui/assets/css/layout.styl"],
-  modules: ["@nuxtjs/tailwindcss"],
-  plugins: ["~ui/plugins/v-calendar.ts"],
-  tailwindcss: {
-    exposeConfig: true,
+  css: [
+    "~ui/app/assets/css/main.css",
+    "~ui/app/assets/css/icons.css",
+    "~ui/app/assets/css/layout.css",
+  ],
+  plugins: ["~ui/app/plugins/v-calendar.ts"],
+  vite: {
+    plugins: [tailwindcss()],
   },
 });

package/package.json

@@ -1,26 +1,28 @@
 {
   "name": "@mptw/skylens-ui",
   "type": "module",
-  "version": "1.5.0",
+  "version": "1.5.1",
   "main": "./nuxt.config.ts",
   "scripts": {
     "dev": "nuxi dev .playground",
+    "dev:prepare": "nuxt prepare .playground",
     "build": "nuxt build .playground",
     "generate": "nuxt generate .playground",
     "preview": "nuxt preview .playground",
-    "lint": "eslint .",
-    "postinstall": "nuxt prepare .playground"
+    "lint": "eslint ."
   },
   "devDependencies": {
-    "@nuxt/eslint-config": "^1.16.0",
+    "@nuxt/eslint": "^1.16.0",
+    "@types/node": "^24.13.3",
     "eslint": "^10.8.0",
     "nuxt": "^4.5.1",
-    "typescript": "^7.0.2"
+    "typescript": "^6.0.3",
+    "vue": "^3.5.40"
   },
   "dependencies": {
     "@gtm-support/vue-gtm": "^3.2.0",
-    "@nuxtjs/tailwindcss": "^6.14.0",
     "@popperjs/core": "^2.11.8",
+    "@tailwindcss/vite": "^4.3.3",
     "@types/commonmark": "^0.27.10",
     "@types/dompurify": "^3.2.0",
     "@types/lodash-es": "^4.17.12",
@@ -37,9 +39,8 @@
     "pug": "^3.0.4",
     "rxjs": "^7.8.2",
     "sortablejs": "^1.15.7",
-    "stylus": "^0.64.0",
     "swiper": "^14.0.6",
-    "tailwindcss-textshadow": "^2.1.3",
+    "tailwindcss": "^4.3.3",
     "v-calendar": "^3.1.2",
     "vue": "^3.5.40",
     "vue-3-slider-component": "^1.0.2",

package/skills-lock.json

@@ -0,0 +1,59 @@
+{
+  "version": 1,
+  "skills": {
+    "nitro": {
+      "source": "antfu/skills",
+      "sourceType": "github",
+      "skillPath": "skills/nitro/SKILL.md",
+      "computedHash": "f8341eaf6fbdc604c2c8123a275407acea5a74ad3b0870cdd0ed2a3007e36c12"
+    },
+    "nuxt": {
+      "source": "antfu/skills",
+      "sourceType": "github",
+      "skillPath": "skills/nuxt/SKILL.md",
+      "computedHash": "96dbdbfc06bf7045aeb9a463b972d5c0b5679d6dadf196d8ef6b98dc6defed2d"
+    },
+    "tsdown": {
+      "source": "antfu/skills",
+      "sourceType": "github",
+      "skillPath": "skills/tsdown/SKILL.md",
+      "computedHash": "2183b9019058744215ab8b1261e34833653b5864da159bc022e3b9ad2f706aa5"
+    },
+    "vite": {
+      "source": "antfu/skills",
+      "sourceType": "github",
+      "skillPath": "skills/vite/SKILL.md",
+      "computedHash": "867ff66238f3152e9c494339ad08dc432dd0df5bcf5cc7a00b61a72b580eb908"
+    },
+    "vitest": {
+      "source": "antfu/skills",
+      "sourceType": "github",
+      "skillPath": "skills/vitest/SKILL.md",
+      "computedHash": "943d436114c677802426741980146c07560bf375297666b03062444f4b98a785"
+    },
+    "vue": {
+      "source": "antfu/skills",
+      "sourceType": "github",
+      "skillPath": "skills/vue/SKILL.md",
+      "computedHash": "9c241141e07e836e4f0537c63e8f929fba3767c2997250be38e699f19b75e3f2"
+    },
+    "vue-best-practices": {
+      "source": "antfu/skills",
+      "sourceType": "github",
+      "skillPath": "skills/vue-best-practices/SKILL.md",
+      "computedHash": "d7d22c8cb343583c3904692c4d1d7b50382945e433e4f6e053f4aabb9846cbc3"
+    },
+    "vue-testing-best-practices": {
+      "source": "antfu/skills",
+      "sourceType": "github",
+      "skillPath": "skills/vue-testing-best-practices/SKILL.md",
+      "computedHash": "18c7d8f42f350f927e37de055e34c97b8cfb9f79c12cf942f7f3d2a0821057b5"
+    },
+    "vueuse-functions": {
+      "source": "antfu/skills",
+      "sourceType": "github",
+      "skillPath": "skills/vueuse-functions/SKILL.md",
+      "computedHash": "5f32cd5f744671178284887c9ffc27a080e0e3316c0f7c3b22f4459c760daf49"
+    }
+  }
+}

package/tsconfig.json

@@ -1,8 +1,3 @@
 {
-  "extends": "./.playground/.nuxt/tsconfig.json",
-  "vueCompilerOptions": {
-    "plugins": [
-      "@vue/language-plugin-pug"
-    ]
-  }
+  "extends": "./.playground/.nuxt/tsconfig.json"
 }

package/.eslintrc.cjs

@@ -1,4 +0,0 @@
-module.exports = {
-  root: true,
-  extends: ["@nuxt/eslint-config"],
-};

package/app/assets/css/layout.styl

@@ -1,98 +0,0 @@
-body {
-  font-family: '微軟正黑體', 'Microsoft JhengHei', ui-sans-serif, system-ui,
-    -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue',
-    Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
-    'Segoe UI Symbol', 'Noto Color Emoji';
-  background: #f3f4f8;
-}
-
-label
-  @apply inline-block
-
-.vc-skylens-purple
-  --vc-accent-200 theme('colors.primary.100')
-  --vc-accent-600 theme('colors.primary.DEFAULT')
-  --vc-accent-500 theme('colors.primary.300')
-  --vc-accent-700 theme('colors.primary.600')
-  --vc-accent-900 theme('colors.primary.800')
-
-.vc-skylens-gray
-  --vc-accent-200 theme('colors.pgray.5')
-  --vc-accent-500 theme('colors.pgray.4')
-  --vc-accent-600 theme('colors.pgray.3')
-  --vc-accent-700 theme('colors.pgray.3')
-  --vc-accent-900 theme('colors.pgray.2')
-
-.vc-container
-  .vc-weeks
-    @apply px-0
-
-.scrollbar-y
-  @apply absolute top-0 right-0 bottom-0 w-1 rounded-full
-
-  .indicator
-    @apply w-full h-12 bg-primary-300 rounded-full
-
-.markdown-content
-  @apply text-base leading-relaxed
-
-  ol
-    @apply list-decimal list-inside
-
-    li
-      @apply font-bold
-
-      ul
-        @apply ml-3 list-disc list-inside
-
-        li
-          @apply font-normal
-
-          ul
-            @apply ml-5 list-none
-
-.custom-scrollbar-y
-  @apply overflow-x-hidden overflow-y-auto
-  -webkit-overflow-scrolling touch
-
-  /* width */
-  &::-webkit-scrollbar
-    @apply w-1
-
-  /* Track */
-  &::-webkit-scrollbar-track
-    @apply bg-transparent
-
-  /* Handle */
-  &::-webkit-scrollbar-thumb
-    @apply bg-primary-300 rounded
-
-  /* Handle on hover */
-  &::-webkit-scrollbar-thumb:hover
-    @apply bg-primary-500
-
-.custom-scrollbar-x
-  @apply overflow-x-auto overflow-y-hidden
-  -webkit-overflow-scrolling touch
-
-  /* width */
-  &::-webkit-scrollbar
-    @apply h-1
-
-  /* Track */
-  &::-webkit-scrollbar-track
-    @apply bg-transparent
-
-  /* Handle */
-  &::-webkit-scrollbar-thumb
-    @apply bg-secondary rounded
-
-  /* Handle on hover */
-  &::-webkit-scrollbar-thumb:hover
-    @apply bg-secondary
-
-.fade-enter-active, .fade-leave-active
-  @apply transition-opacity
-
-.fade-enter, .fade-leave-to
-  @apply opacity-0

package/app/assets/css/tailwind.css

@@ -1,3 +0,0 @@
-@tailwind base;
-@tailwind components;
-@tailwind utilities;

package/app/pages/index.vue

@@ -1,15 +0,0 @@
-<template lang="pug">
-.main
-</template>
-
-<script lang="ts">
-export default defineComponent({
-  name: 'IndexPage',
-  setup() {
-    return {};
-  },
-});
-</script>
-
-<style lang="stylus" scoped>
-</style>

package/interface/commons.ts

@@ -1,7 +0,0 @@
-export enum ScreenSize {
-    md = 'md',
-    lg = 'lg',
-    xl = 'xl',
-    '1.5xl' = '1.5xl',
-    '2xl' = '2xl',
-}

package/tailwind.config.js

@@ -1,271 +0,0 @@
-/** @type {import('tailwindcss').Config} */
-module.exports = {
-  content: [
-    './components/**/*.{js,vue,ts}',
-    './layouts/**/*.vue',
-    './pages/**/*.vue',
-    './app.vue',
-  ],
-  darkMode: 'class', // or 'media' or 'class'
-  theme: {
-    extend: {
-      backdropBlur: {
-        5: '5px',
-        8: '8px',
-      },
-      fontFamily: {
-        'login-title': 'Roboto',
-      },
-      colors: {
-        primary: {
-          15: '#FAFAFD',
-          25: '#F9F9FF',
-          50: '#F3F4F8',
-          100: '#E8EAF2',
-          200: '#DDE1F3',
-          300: '#BABBE1',
-          400: '#A1A3D0',
-          500: '#9193C1',
-          600: '#8486B4',
-          DEFAULT: '#626493',
-          800: '#4E5076',
-          900: '#3B3C58',
-        },
-        secondary: {
-          50: '#F1F5FC',
-          200: '#EAF1FF',
-          400: '#A9BADB',
-          500: '#90A8D7',
-          600: '#7996CF',
-          DEFAULT: '#6182C3',
-          800: '#4E689C',
-          'new-dark': '#445B89',
-        },
-        third: {
-          50: '#F9FFF1',
-          100: '#E8F2EB',
-          400: '#B3D9C7',
-          500: '#82CDDB',
-          600: '#4EA3B6',
-          DEFAULT: '#4C8098',
-        },
-        four: {
-          100: '#FAE7F0',
-          400: '#FEABBF',
-          500: '#EC6F8D',
-        },
-        highlight: {
-          50: '#FFFBF1',
-          100: '#F2EFE8',
-          300: '#F6D79D',
-          400: '#FFD874',
-          500: '#FBBE21',
-          600: '#FDB242',
-          DEFAULT: '#EEB13C',
-        },
-        poi: {
-          100: '#F1AFCE',
-          300: '#EB8CB9',
-          DEFAULT: '#D35092',
-          900: '#AA5488',
-          1000: '#7E4E77',
-        },
-        danger: {
-          DEFAULT: '#F35A5A',
-          light: '#FE8678',
-        },
-        red: {
-          2: '#F34141',
-          DEFAULT: '#EB5757',
-        },
-        pgray: {
-          1: '#2C2D31',
-          2: '#4D4F55',
-          3: '#858792',
-          4: '#BCBFCF',
-          4.5: '#C7C5D0',
-          5: '#DFE1E9',
-          6: '#ECECF2',
-        },
-        gray: {
-          1: '#333333',
-          2: '#4F4F4F',
-          3: '#828282',
-          4: '#BDBDBD',
-          5: '#E0E0E0',
-          6: '#F2F2F2',
-        },
-        green: {
-          2: '#6EC393',
-          DEFAULT: '#27AE60',
-        },
-        blue: {
-          1: '#2F80ED',
-          2: '#110DFB',
-          3: '#332FED',
-        },
-        orange: {
-          DEFAULT: '#F48A28',
-        },
-        edit: {
-          DEFAULT: '#6E6BDD',
-        },
-        card: {
-          'lightpr-bg': '#FBFCFF',
-        },
-        insight: {
-          title: '#696CBA',
-          'title-line': '#9B74DA',
-          'hint-line': '#ADB4F5',
-          'web-title-start': '#39BBE4',
-          'web-title-end': 'rgb(144 128 241/0.74)',
-          'poi-title-start': 'rgb(255 131 92/0.7)',
-          'poi-title-end': 'rgb(120 91 207/0.74)',
-        },
-        mask: {
-          DEFAULT: '#47485A',
-        },
-        'login-bg': {
-          DEFAULT: '#fefefe',
-        },
-        'nav-color-switch-bg': {
-          DEFAULT: '#2D2F57',
-        },
-      },
-      boxShadow: {
-        DEFAULT: '0px 2px 4px rgba(111, 111, 111, 0.2)',
-        md: '0px 2px 8px rgba(88, 82, 103, 0.25)',
-        inline: 'inset 0px -1px 0px rgba(186, 187, 225, 0.8)',
-        'second-inline': 'inset 0px -1px 0px rgba(238, 177, 60, 0.8)',
-        'header-drop': '0px 5px 12px rgba(88, 82, 103, 0.45)',
-        'popup-sm':
-          '0px 5px 5px -3px rgba(88, 82, 103, 0.2), 0px 3px 14px 2px rgba(88, 82, 103, 0.12)',
-        'popup-lg': '0px 5px 12px rgba(88, 82, 103, 0.45)',
-        login: '2px 5px 20px rgba(107, 91, 141, 0.45)',
-        'insight-layer': '0px 4px 4px rgba(70, 56, 107, 0.25)',
-        'insight-comment': '0px 4px 12px rgba(37, 35, 143, 0.25)',
-        'insight-card': '0px 4px 12px rgba(77, 45, 147, 0.25)',
-        'insight-card-lg': '0px 4px 20px 0px rgba(0, 0, 0, 0.10)',
-        'small-card': '2px 2px 4px rgba(0, 0, 0, 0.1)',
-        'float-actions': '0px -6px 12px 0px rgba(90, 92, 133, 0.10)',
-      },
-      fontSize: {
-        sm: ['0.875rem', '1.1875rem'],
-        md: ['0.9375rem', '1.25rem'],
-        base: ['1rem', '1.3125rem'],
-        lg: ['1.25rem', '1.6875rem'],
-        '0.75xl': ['1.0625rem', '1.75rem'],
-        '2.25xl': ['1.5625rem', '1.8125rem'],
-        '2.67xl': ['1.75rem', '2rem'],
-        '3.33xl': ['2rem', '2.6875rem'],
-        '3.67xl': ['2.125rem', '2.4175rem'],
-        '7.17xl': '4.75rem',
-        '16xl': ['4rem', '4.625rem'],
-        '18xl': ['4.5rem', '6rem'],
-      },
-      lineHeight: {
-        3.5: '0.875rem',
-        4.25: '1.0625rem',
-        4.5: '1.125rem',
-        4.75: '1.1875rem',
-        5.75: '1.4375rem',
-        6.5: '1.625rem',
-        6.75: '1.6875rem',
-        7: '1.75rem',
-        7.25: '1.8125rem',
-        7.5: '1.875rem',
-        9.25: '2.3125rem',
-        10.5: '2.625rem',
-        12: '3rem',
-        13.75: '3.3475rem',
-        16: '4rem',
-        24: '6rem',
-        normal: '1.3125',
-      },
-      spacing: {
-        0.75: '0.1875rem',
-        1.25: '0.3125rem',
-        1.75: '0.4375rem',
-        2.25: '0.5625rem',
-        2.75: '0.6875rem',
-        3.25: '0.8125rem',
-        3.75: '0.9375rem',
-        4.75: '1.1875rem',
-        5.5: '1.375rem',
-        6: '1.5rem',
-        6.5: '1.625rem',
-        7.25: '1.8125rem',
-        7.5: '1.875rem',
-        7.75: '1.9375rem',
-        9.5: '2.375rem',
-        10.5: '2.625rem',
-        12.5: '3.125rem',
-        13.5: '3.375rem',
-        15: '3.75rem',
-        17.75: '4.4375rem',
-        21.5: '5.375rem',
-        22.75: '5.6875rem',
-        23: '5.76rem',
-        30: '7.5rem',
-        31.75: '7.9375rem',
-        38.5: '9.625rem',
-        44.75: '11.1875rem',
-        67.75: '16.9375rem',
-        68: '17rem',
-        78: '19.5rem',
-        89.5: '22.375rem',
-        96: '24rem',
-        142: '35.5rem',
-      },
-      minWidth: {
-        52.5: '13.125rem',
-        57.5: '14.375rem',
-        63: '15.75rem',
-      },
-      maxWidth: {
-        55: '13.75rem',
-        63.75: '15.9375rem',
-        68: '17rem',
-        70: '17.5rem',
-        96: '24rem',
-        114.5: '28.625rem',
-        117.5: '29.375rem',
-        134.5: '33.625rem',
-        149.5: '37.375rem',
-        150: '37.5rem',
-        208: '52rem',
-      },
-      minHeight: {
-        18: '4.5rem',
-        52: '13rem',
-        52.25: '13.0625rem',
-        57.75: '14.4375rem',
-        76: '19rem',
-      },
-      transitionProperty: {
-        'input-focus':
-          'margin, padding, color, font-size, line-height, background-color',
-        'app-header': 'margin, width',
-        width: 'width',
-        height: 'height',
-        margin: 'margin',
-        'font-size': 'font-size',
-        padding: 'padding',
-        'sidebar-nav-item': 'border-radius, width',
-        'sidebar-nav-item-icon': 'width, height, font-size',
-        'border-radius': 'border-radius',
-      },
-      opacity: {
-        81: '0.81',
-      },
-      textShadow: {
-        default: '0px 4px 4px rgba(0, 0, 0, 0.25)',
-        md: '0px 2px 8px rgba(88, 82, 103, 0.25)',
-      },
-      zIndex: {
-        60: '60',
-      },
-    },
-  },
-  plugins: [require('tailwindcss-textshadow')],
-};