@konoma-development/vue-components 0.1.6 → 0.1.8

package/.vscode/settings.json

@@ -1,12 +1,41 @@
 {
   "editor.formatOnSave": false,
   "editor.codeActionsOnSave": {
-    "source.fixAll": "explicit"
+    "source.fixAll.eslint": "explicit",
+    "source.organizeImports": "never",
+    "source.addMissingImports.ts": "explicit"
   },
-  "search.exclude": {
-    "**/.yarn": true,
-    "**/.pnp.*": true
+  "[typescript]": {
+    "editor.defaultFormatter": "dbaeumer.vscode-eslint"
   },
-  "typescript.tsdk": "node_modules/typescript/lib",
-  "unocss.root": ["."]
+  "js/ts.tsdk.path": "node_modules/typescript/lib",
+  "editor.indentSize": 2,
+
+  // Enable eslint for all supported languages
+  "eslint.validate": [
+    "javascript",
+    "javascriptreact",
+    "typescript",
+    "typescriptreact",
+    "vue",
+    "html",
+    // "markdown",
+    "json",
+    "jsonc",
+    "yaml",
+    "toml",
+    "xml",
+    "gql",
+    "graphql",
+    "astro",
+    "svelte",
+    "css",
+    "less",
+    "scss",
+    "pcss",
+    "postcss",
+    "dockerfile",
+    "dockercompose",
+    "github-actions-workflow"
+  ]
 }

package/components/form/KonomaCheckboxList.vue

@@ -8,12 +8,15 @@
         v-for="(option, i) in options"
         :key="i"
         :name="name?.toString()"
-        :label="option.label.toString()"
         :error="error"
         v-bind="{ ...$attrs, ...childClasses }"
         :value="values?.includes(option.value)"
         @change=" (_, e) => $emit('change', option.value, e)"
-      />
+      >
+        <template #label>
+          <span :class="optionClasses">{{ option.label.toString() }}</span>
+        </template>
+      </KonomaCheckbox>
     </div>
     <template v-if="error && error.length > 0">
       <span v-for="(e, i) in error" :key="i" :class="errorClasses">

package/components/form/KonomaInput.vue

@@ -18,7 +18,12 @@
         :name="name?.toString()"
         v-bind="$attrs"
         @input="(e) => $emit('change', (e.target as HTMLInputElement).value, e)"
-        @click="$emit('click', $event)"
+        @click="($event) => {
+          if ($event.isTrusted) {
+            ($event.target as HTMLInputElement).showPicker();
+          }
+          $emit('click', $event)
+        }"
         @blur="$emit('blur', $event)"
         @keydown="$emit('keyDown', $event)"
       >

package/components/form/KonomaSelect.vue

@@ -62,6 +62,7 @@ import type { Option } from 'vue3-select-component';
 import type { FormDataType, FormFieldEmits, FormFieldProps, FormValue } from '../../types/form';
 import VueSelect from 'vue3-select-component';
 import { baseClasses } from '../defaults/select';
+// @ts-expect-error - No types available for styles import
 import 'vue3-select-component/styles';
 
 const props = withDefaults(defineProps<FormFieldProps<DataType> & { class?: string }>(), {

package/components/table/KonomaTable.vue

@@ -28,7 +28,7 @@
               <span>{{ column.title }}</span>
               <div v-if="column.sortKey">
                 <KonomaIcon
-                  class-name="h-4 w-4"
+                  class="h-4 w-4"
                   :name="column.sorting
                     ? {
                       '+': 'heroicons:chevron-down-16-solid',
@@ -98,7 +98,7 @@
             <span>{{ column.title }}</span>
             <div v-if="column.sortKey">
               <KonomaIcon
-                class-name="h-4 w-4"
+                class="h-4 w-4"
                 :name="column.sorting
                   ? {
                     '+': 'heroicons:chevron-down-16-solid',

package/components/ui/KonomaIcon.vue

@@ -10,4 +10,8 @@ defineProps<{
   name?: string
   path?: string
 }>()
+
+defineEmits<{
+  (e: 'click', event: MouseEvent): void
+}>()
 </script>

package/eslint.config.ts

@@ -1,19 +1,23 @@
 import antfu from '@antfu/eslint-config';
 import * as eslint from '@eslint/js';
-import * as globals from 'globals';
+import globals from 'globals';
 import * as vueParser from 'vue-eslint-parser'
 import withNuxt from './.playground/.nuxt/eslint.config.mjs';
 
 export default withNuxt(
   eslint.configs.recommended,
   await antfu({
+    vue: {
+      overrides: {
+        'vue/block-order': ['error', {
+          order: [['template', 'script'], 'style'],
+        }],
+      },
+    },
     unocss: true,
     rules: {
       'style/semi': 'off',
       'style/brace-style': ['error', '1tbs'],
-      'vue/block-order': ['error', {
-        order: [['template', 'script'], 'style'],
-      }],
     },
   }),
   {

package/nuxt.config.ts

@@ -3,7 +3,13 @@ export default defineNuxtConfig({
     enabled: true,
   },
   modules: ['@pinia/nuxt', '@unocss/nuxt', '@nuxt/icon', '@vueuse/nuxt', '@nuxt/eslint', 'floating-vue/nuxt'],
-  vite: {},
+  vite: {
+    build: {
+      rollupOptions: {
+        external: ['@oxc-parser/binding-wasm32-wasi'],
+      },
+    },
+  },
   experimental: {
     asyncContext: true,
   },

package/package.json

@@ -4,13 +4,14 @@
     "access": "public"
   },
   "type": "module",
-  "version": "0.1.6",
-  "packageManager": "yarn@4.12.0",
+  "version": "0.1.8",
+  "packageManager": "yarn@4.14.1",
   "main": "./nuxt.config.ts",
   "scripts": {
     "dev": "nuxi dev .playground",
     "build": "nuxt build .playground",
     "generate": "nuxt generate .playground",
+    "audit": "yarn npm audit --all --recursive --severity high",
     "preview": "nuxt preview .playground",
     "lint": "eslint .",
     "upgrade-nuxt": "nuxi upgrade",
@@ -18,47 +19,47 @@
     "upgrade-all": "yarn upgrade-nuxt && yarn upgrade-deps"
   },
   "peerDependencies": {
-    "vue3-select-component": "^0.16.0"
+    "vue3-select-component": "^0.16.2"
   },
   "devDependencies": {
-    "@antfu/eslint-config": "7.7.2",
+    "@antfu/eslint-config": "8.2.0",
     "@babel/eslint-parser": "7.28.6",
     "@babel/plugin-transform-typescript": "7.28.6",
     "@babel/preset-typescript": "7.28.5",
-    "@iconify-json/carbon": "1.2.19",
-    "@nuxt/devtools": "3.2.3",
+    "@iconify-json/carbon": "1.2.20",
+    "@nuxt/devtools": "3.2.4",
     "@nuxt/eslint": "1.15.2",
     "@nuxt/eslint-config": "1.15.2",
     "@nuxt/icon": "2.2.1",
     "@nuxt/schema": "4.4.2",
-    "@nuxt/test-utils": "4.0.0",
+    "@nuxt/test-utils": "4.0.2",
     "@pinia/nuxt": "0.11.3",
-    "@sentry/nuxt": "10.43.0",
-    "@types/node": "22.19.15",
-    "@typescript-eslint/eslint-plugin": "8.57.0",
-    "@typescript-eslint/parser": "8.57.0",
-    "@unocss/eslint-config": "66.6.6",
-    "@unocss/nuxt": "66.6.6",
-    "@unocss/reset": "66.6.6",
-    "@vitejs/plugin-vue": "6.0.4",
+    "@sentry/nuxt": "10.49.0",
+    "@types/node": "22.19.17",
+    "@typescript-eslint/eslint-plugin": "8.59.0",
+    "@typescript-eslint/parser": "8.59.0",
+    "@unocss/eslint-config": "66.6.8",
+    "@unocss/nuxt": "66.6.8",
+    "@unocss/reset": "66.6.8",
+    "@vitejs/plugin-vue": "6.0.6",
     "@vueuse/nuxt": "14.2.1",
     "babel-preset-vue": "2.0.2",
     "changelogen": "0.6.2",
-    "eslint": "10.0.3",
+    "eslint": "10.2.1",
     "eslint-plugin-nuxt": "4.0.0",
     "eslint-plugin-unocss": "0.0.1-alpha.3",
-    "eslint-plugin-vue": "10.8.0",
+    "eslint-plugin-vue": "10.9.0",
     "floating-vue": "5.2.2",
     "nuxt": "4.4.2",
     "nuxt-headlessui": "1.2.2",
     "pinia": "3.0.4",
     "tslib": "2.8.1",
-    "typescript": "5.9.3",
-    "unocss": "66.6.2",
+    "typescript": "6.0.3",
+    "unocss": "66.6.8",
     "unocss-preset-scrollbar": "3.2.0",
-    "vite": "7.3.1",
+    "vite": "8.0.9",
     "vue-eslint-parser": "10.4.0",
-    "vue-tsc": "3.2.5",
-    "vue3-select-component": "^0.16.0"
+    "vue-tsc": "3.2.7",
+    "vue3-select-component": "^0.16.2"
   }
 }

package/tsconfig.json

@@ -6,6 +6,13 @@
       "@pinia/nuxt"
     ],
     "noImplicitAny": true,
-    "allowSyntheticDefaultImports": true
+    "allowSyntheticDefaultImports": true,
+    "skipLibCheck": true
+  },
+  "vueCompilerOptions": {
+    "strictTemplates": true,
+    "dataAttributes": [
+      "data-testid"
+    ]
   }
 }