chore(deps): bump package versions

.changeset/gold-camels-invite.md

@@ -0,0 +1,5 @@
+---
+"@alanlu-dev/eslint-config-flat": patch
+---
+
+feat: init

.changeset/unlucky-donkeys-admire.md

@@ -0,0 +1,10 @@
+---
+"@alanlu-dev/eslint-config-base": patch
+"@alanlu-dev/stylelint-config": patch
+"@alanlu-dev/notion-api-zod-schema": patch
+"@alanlu-dev/mastercss-config": patch
+"@alanlu-dev/changeset": patch
+"@alanlu-dev/nuxt-base": patch
+---
+
+chore(deps): bump package versions

.vscode/settings.json

@@ -1,6 +1,9 @@
 {
   // "prettier.enable": false, // Disable the default formatter, use eslint instead
   "editor.defaultFormatter": "esbenp.prettier-vscode",
+  "[markdown]": {
+    "editor.defaultFormatter": "DavidAnson.vscode-markdownlint"
+  },
 
   "editor.formatOnPaste": false, // required
   "editor.formatOnType": false, // required
@@ -22,7 +25,9 @@
   "eslint.validate": ["javascript", "javascriptreact", "typescript", "typescriptreact", "vue", "html", "json", "jsonc", "yaml", "toml"],
 
   // Enable the ESlint flat config support
-  // "eslint.experimental.useFlatConfig": true,
+  "eslint.experimental.useFlatConfig": true,
+
+  // Silent the stylistic rules in you IDE, but still auto fix them
   // "eslint.rules.customizations": [
   //   { "rule": "style/*", "severity": "off" },
   //   { "rule": "format/*", "severity": "off" },
@@ -42,7 +47,5 @@
   "less.validate": false,
   "scss.validate": false,
 
-  "[markdown]": {
-    "editor.defaultFormatter": "DavidAnson.vscode-markdownlint"
-  }
+  "vitest.disableWorkspaceWarning": true
 }

apps/nuxt-base/components/Modal/ModalBase.vue

@@ -72,7 +72,6 @@ export interface IProps {
 }
 
 const localProps = computed(() => {
-  // eslint-disable-next-line unused-imports/no-unused-vars
   const { header, content, footer, cancelText, confirmText, needCancel, modelValue, ...modalProps } = props
   return {
     modelValue: unref(modelValue),
@@ -123,7 +122,7 @@ function handleConfirm() {
     @closed="handleClosed"
   >
     <div class="vfm__content__root mt:6x overflow:auto px:6x w:full">
-      <header class="vfm__content__header {hide;mb:0}:empty f:bolder f:lg lh:1.2 mb:6x user-select:none">
+      <header class="vfm__content__header {hidden;mb:0}:empty f:bolder f:lg line-h:1.2 mb:6x user-select:none">
         <slot name="header">
           <template v-if="typeof header === 'string'">
             {{ header }}

apps/nuxt-base/components/Quantity.vue

@@ -102,10 +102,10 @@ onUnmounted(() => {
 
 <template>
   <div tabindex="0" class="center-content flex rounded bg:white/.9 gap:4x" :class="{ show: isOpen, max: qty === maxQty }" @click="open" @onblur="done">
-    <div class="quantity-minus center-content flex pointer round b:2|G-30 bg:white f:md fg:G-30 size:8x" :class="{ 'hide!': !isOpen, 'flex': isOpen }" @click="tryDecreaseQty">
+    <div class="quantity-minus center-content flex pointer round b:2|G-30 bg:white f:md fg:G-30 size:8x" :class="{ 'hidden!': !isOpen, 'flex': isOpen }" @click="tryDecreaseQty">
       <iconify-icon icon="ic:round-minus" size="18" />
     </div>
-    <div class="abs center-content flex hide:empty round .show_{rel!;fg:base-fg;bg:transparent} bg:error fg:white size:8x user-select:none z:1">
+    <div class="abs center-content flex hidden:empty round .show_{rel!;fg:base-fg;bg:transparent} bg:error fg:white size:8x user-select:none z:1">
       {{ qty > 0 || (alwaysOpen && isOpen) || (isOpen && qty >= 0) ? qty : null }}
     </div>
     <VDropdown v-model:shown="showPopper" :disabled="!maxQty || qty < maxQty" :triggers="[]" auto-hide placement="top" theme="tooltip">

apps/nuxt-base/components/Switch.vue

@@ -27,7 +27,7 @@ function toggleSwitch() {
 <template>
   <label class="inline-flex ai:center ml:2x">
     <input
-      class="hide bg:theme:checked+svg cursor:no-drop[disabled]+svg filter:none[disabled]+svg>rect opacity:.7[disabled]+svg translateX(16):checked+svg>rect translateX(12):checked:active:not([disabled])+svg>rect width:20:active:not([disabled])+svg>rect"
+      class="hidden bg:theme:checked+svg cursor:no-drop[disabled]+svg filter:none[disabled]+svg>rect opacity:.7[disabled]+svg translateX(16):checked+svg>rect translateX(12):checked:active:not([disabled])+svg>rect width:20:active:not([disabled])+svg>rect"
       type="checkbox"
       :checked="checked"
       @change="toggleSwitch"

apps/nuxt-base/components/Tabs.vue

@@ -101,7 +101,7 @@ const gliderCV = cv(
 const labelCV = cv(
   toLine({
     '': `center-content flex flex:1 t:center cursor:pointer z:1`,
-    '>input': 'hide',
+    '>input': 'hidden',
     // '>input:checked+span': '',
     '>span': `ellipsis ~color|.1s|ease-in`,
   }),

apps/nuxt-base/config/formkit/inputs/index.ts

@@ -16,7 +16,7 @@ const textWithBtn: FormKitTypeDefinition = {
         $attrs(
           {
             type: 'button',
-            class: `hide:empty btn btn-type--flat r:0! px:6x! py:3x! rel {abs-center-y;left:0;content:'';bl:1|G-30;h:70%}::after`,
+            class: `hidden:empty btn btn-type--flat r:0! px:6x! py:3x! rel {abs-center-y;left:0;content:'';bl:1|G-30;h:70%}::after`,
             onClick: '$handlers.btnClick()',
           },
           buttonInput(buttonLabel(`$btnTextNew || $btnText || ''`)),

apps/nuxt-base/package.json

@@ -42,9 +42,9 @@
     "@formkit/themes": "^1.6.2",
     "@formkit/vue": "^1.6.2",
     "@formkit/zod": "^1.6.2",
-    "@master/css.nuxt": "2.0.0-rc.26",
+    "@master/css.nuxt": "2.0.0-rc.28",
     "@nuxt/devtools": "^1.2.0",
-    "@nuxt/image": "^1.5.0",
+    "@nuxt/image": "^1.6.0",
     "@nuxt/kit": "^3.11.2",
     "@nuxt/schema": "3.11.2",
     "@nuxt/ui": "^2.15.2",
@@ -63,22 +63,22 @@
     "nuxt-icon": "^0.6.10",
     "pinia": "^2.1.7",
     "unstorage": "^1.10.2",
-    "vue": "^3.4.23",
+    "vue": "^3.4.24",
     "vue-final-modal": "^4.5.4",
     "vue-router": "^4.3.2",
-    "vue-tsc": "^2.0.13",
-    "zod": "^3.22.5"
+    "vue-tsc": "^2.0.14",
+    "zod": "^3.23.0"
   },
   "dependencies": {
     "@alanlu-dev/utils": "workspace:*",
     "@vueuse/core": "^10.9.0",
     "class-variant": "^2.0.2",
     "nanoid": "^5.0.7",
     "pinia": "^2.1.7",
-    "vue": "^3.4.23",
+    "vue": "^3.4.24",
     "vue-final-modal": "^4.5.4",
     "vue-router": "^4.3.2",
-    "zod": "^3.22.5"
+    "zod": "^3.23.0"
   },
   "devDependencies": {
     "@alanlu-dev/eslint-config-base": "workspace:*",
@@ -96,10 +96,10 @@
     "@formkit/themes": "^1.6.2",
     "@formkit/vue": "^1.6.2",
     "@formkit/zod": "^1.6.2",
-    "@master/css.nuxt": "2.0.0-rc.26",
+    "@master/css.nuxt": "2.0.0-rc.28",
     "@nuxt/content": "^2.12.1",
     "@nuxt/devtools": "^1.2.0",
-    "@nuxt/image": "^1.5.0",
+    "@nuxt/image": "^1.6.0",
     "@nuxt/kit": "^3.11.2",
     "@nuxt/schema": "3.11.2",
     "@nuxt/ui": "^2.15.2",
@@ -111,9 +111,10 @@
     "@vue-final-modal/nuxt": "^1.0.3",
     "@vueuse/nuxt": "^10.9.0",
     "focus-trap": "^7.5.4",
+    "meow": "^9.0.0",
     "nuxt": "^3.11.2",
     "nuxt-icon": "^0.6.10",
     "unstorage": "^1.10.2",
-    "vue-tsc": "^2.0.13"
+    "vue-tsc": "^2.0.14"
   }
 }

apps/nuxt-demo/package.json

@@ -34,11 +34,11 @@
     "i18next": "^23.11.2",
     "maska": "^2.1.11",
     "pinia": "^2.1.7",
-    "vue": "^3.4.23",
+    "vue": "^3.4.24",
     "vue-final-modal": "^4.5.4",
     "vue-router": "^4.3.2",
     "vue3-toastify": "^0.2.1",
-    "zod": "^3.22.5",
+    "zod": "^3.23.0",
     "zod-i18n-map": "^2.27.0"
   },
   "devDependencies": {
@@ -56,6 +56,6 @@
     "nuxt-gtag": "^2.0.5",
     "nuxt-security": "^1.3.2",
     "nuxt-splide": "^1.1.1",
-    "vue-tsc": "^2.0.13"
+    "vue-tsc": "^2.0.14"
   }
 }

eslint.config.mjs

@@ -0,0 +1,3 @@
+import config from '@alanlu-dev/eslint-config-flat'
+
+export default config

package.json

@@ -2,7 +2,7 @@
   "name": "@alanlu-dev/web-kit",
   "type": "commonjs",
   "private": true,
-  "packageManager": "[email protected].4",
+  "packageManager": "[email protected].5",
   "description": "A monorepo build system and workflow for web projects.",
   "author": "Alan Lu <[email protected]> (https://github.com/alanlu-zyl)",
   "license": "MIT",
@@ -15,7 +15,7 @@
   },
   "engines": {
     "node": ">=20.12.2",
-    "pnpm": ">=9.0.4",
+    "pnpm": ">=9.0.5",
     "npm": "use pnpm please!",
     "yarn": "use pnpm please!"
   },
@@ -52,6 +52,7 @@
     "@alanlu-dev/changeset": "workspace:*",
     "@alanlu-dev/commitlint-config": "workspace:*",
     "@alanlu-dev/eslint-config-base": "workspace:*",
+    "@alanlu-dev/eslint-config-flat": "workspace:*",
     "@alanlu-dev/lint-staged-config": "workspace:*",
     "@alanlu-dev/markdownlint-config": "workspace:*",
     "@alanlu-dev/mastercss-config": "workspace:*",

packages/changeset/package.json

@@ -46,7 +46,6 @@
   "devDependencies": {
     "@alanlu-dev/eslint-config-base": "workspace:*",
     "@alanlu-dev/tsconfig": "workspace:*",
-    "@alanlu-dev/types": "workspace:*",
     "@changesets/types": "^6.0.0"
   }
 }

packages/changeset/src/index.ts

@@ -190,7 +190,7 @@ export function getCommitsSinceRef(branch: string) {
       sinceRef = execSync('git describe --tags --abbrev=0').toString().trim().replace(/\n|\r/g, '')
     }
     catch (e) {
-      console.log("No git tags found, using repo's first commit for automated change detection. Note: this may take a while.")
+      console.log(`No git tags found, using repo's first commit for automated change detection. Note: this may take a while.`)
       sinceRef = execSync('git rev-list --max-parents=0 HEAD').toString().trim().replace(/\n|\r/g, '')
     }
   }

packages/changeset/tsconfig.json

@@ -1,6 +1,6 @@
 {
   "extends": "@alanlu-dev/tsconfig/base.json",
   "compilerOptions": {
-    "types": ["@alanlu-dev/types/globals"]
+    "types": ["vitest/globals"]
   }
 }

packages/linters/eslint-config/base/package.json

@@ -27,18 +27,18 @@
   },
   "peerDependencies": {
     "@antfu/eslint-config": "0.43.1",
-    "@master/eslint-config-css": "2.0.0-rc.26",
+    "@master/eslint-config-css": "2.0.0-rc.28",
     "eslint": "^8.57.0",
     "eslint-config-prettier": "^9.1.0",
     "eslint-plugin-prettier": "^5.1.3",
-    "eslint-plugin-vitest": "^0.4.0"
+    "eslint-plugin-vitest": "^0.4.1"
   },
   "devDependencies": {
     "@antfu/eslint-config": "0.43.1",
-    "@master/eslint-config-css": "2.0.0-rc.26",
+    "@master/eslint-config-css": "2.0.0-rc.28",
     "eslint": "^8.57.0",
     "eslint-config-prettier": "^9.1.0",
     "eslint-plugin-prettier": "^5.1.3",
-    "eslint-plugin-vitest": "^0.4.0"
+    "eslint-plugin-vitest": "^0.4.1"
   }
 }

packages/linters/eslint-config/base/src/index.cjs

@@ -18,22 +18,22 @@ module.exports = {
   ],
   ignorePatterns: [
     // files
-    '*Icon.vue',
-    '*.{md,mdx}',
-    '*.{css,scss,postcss,less}',
+    '**/*.{md,mdx}',
+    '**/*.{css,scss,postcss,less}',
+    '**/components/global/**Icon.vue',
     // dirs
-    '.github',
-    'node_modules',
-    '.output',
-    '.nuxt',
-    '.nitro',
-    '.cache',
-    '.virtual',
-    '.turbo',
-    'dist',
-    'build',
-    'tsx-0',
-    'node-jiti',
-    'coverage',
+    '**/.github',
+    '**/node_modules',
+    '**/.output',
+    '**/.nuxt',
+    '**/.nitro',
+    '**/.cache',
+    '**/.virtual',
+    '**/.turbo',
+    '**/dist',
+    '**/build',
+    '**/tsx-0',
+    '**/node-jiti',
+    '**/coverage',
   ],
 }

packages/linters/eslint-config/flat/README.md

@@ -0,0 +1,25 @@
+# @alanlu-dev/eslint-config-flat
+
+<p>
+ <a href="https://github.com/alanlu-dev/web-kit/blob/main/packages/linters/eslint-config/flat/CHANGELOG.md"><img src="https://img.shields.io/github/v/release/alanlu-dev/web-kit?filter=@alanlu-dev/eslint-config-flat%2A&style=flat" alt="Version"></a>
+ <a href="https://www.npmjs.com/package/@alanlu-dev/eslint-config-flat"><img src="https://img.shields.io/npm/dm/@alanlu-dev/eslint-config-flat" alt="Downloads"></a>
+ <a href="https://github.com/alanlu-dev/web-kit/blob/main/LICENSE"><img src="https://img.shields.io/github/license/alanlu-dev/web-kit?style=flat" alt="License"></a>
+</p>
+
+Shareable ESLint flag configuration.
+
+## Installation
+
+```bash
+pnpm add -D @alanlu-dev/eslint-config-flat
+```
+
+## Usage
+
+Create a `eslint.config.mjs` file in the root of your project:
+
+```js
+import config from '@alanlu-dev/eslint-config-flat'
+
+export default config
+```

packages/linters/eslint-config/flat/eslint.config.mjs

@@ -0,0 +1,3 @@
+import config from './src/index.mjs'
+
+export default config

packages/linters/eslint-config/flat/package.json

@@ -0,0 +1,44 @@
+{
+  "name": "@alanlu-dev/eslint-config-flat",
+  "type": "module",
+  "version": "0.0.0",
+  "description": "Shareable eslint flat configuration.",
+  "author": "Alan Lu <[email protected]> (https://github.com/alanlu-zyl)",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "[email protected]:alanlu-dev/web-kit.git",
+    "directory": "packages/linters/eslint-config/flat"
+  },
+  "bugs": {
+    "url": "https://github.com/alanlu-dev/web-kit/issues"
+  },
+  "exports": {
+    ".": "./src/index.mjs"
+  },
+  "main": "src/index.mjs",
+  "files": [
+    "src"
+  ],
+  "scripts": {
+    "lint:eslint": "eslint --fix .",
+    "lint:prettier": "prettier --ignore-path ../../../../.prettierignore --write .",
+    "lint": "pnpm lint:eslint && pnpm lint:prettier"
+  },
+  "peerDependencies": {
+    "@antfu/eslint-config": "^2.15.0",
+    "@master/eslint-config-css": "2.0.0-rc.28",
+    "eslint": "^8.57.0",
+    "eslint-config-prettier": "^9.1.0",
+    "eslint-plugin-prettier": "^5.1.3",
+    "eslint-plugin-vitest": "^0.5.3"
+  },
+  "devDependencies": {
+    "@antfu/eslint-config": "^2.15.0",
+    "@master/eslint-config-css": "2.0.0-rc.28",
+    "eslint": "^8.57.0",
+    "eslint-config-prettier": "^9.1.0",
+    "eslint-plugin-prettier": "^5.1.3",
+    "eslint-plugin-vitest": "^0.5.3"
+  }
+}