@vue-laab/presets 1.0.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Maksym Vovk
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,42 @@
+# @vue-laab/presets 🧪
+
+A strictly opinionated set of configurations for **Vue 3** and **JavaScript** projects. Designed to enforce clean code, prevent reactivity pitfalls, and maintain a unified visual style.
+
+## Key Features
+
+- **Modern ESLint**: Fully compatible with ESLint 9+ Flat Config.
+- **Vue 3 Optimized**: Custom rules for Composition API (reactive unwrapping, block order).
+- **Strict JS**: Single quotes, no semicolons, and mandatory trailing commas.
+- **Reactivity Guard**: Prevents common pitfalls like missing .value in refs.
+- **Prettier Integrated**: Ready-to-use formatting that perfectly matches the linting rules.
+
+## Installation
+
+```bash
+npm install -D @vue-laab/presets
+```
+
+## Setup
+
+- **ESLint** (eslint.config.js)
+
+```js
+import vueLaab from '@vue-laab/presets';
+
+export default [
+  ...vueLaab,
+  {
+    // Override or add project-specific rules here
+  },
+];
+```
+
+- **Prettier** (prettier.config.js)
+
+```js
+import prettierConfig from '@vue-laab/presets/prettier';
+
+export default {
+  ...prettierConfig,
+};
+```

package/eslint.js

@@ -0,0 +1,85 @@
+import js from '@eslint/js'
+import pluginVue from 'eslint-plugin-vue'
+import configPrettier from 'eslint-config-prettier'
+import globals from 'globals'
+
+export default [
+  {
+    ignores: ['**/dist/**', '**/node_modules/**', '**/*.cli.js', '**/*.system.js', '**/*.ignore.js'],
+  },
+  js.configs.recommended,
+  ...pluginVue.configs['flat/recommended'],
+  {
+    files: ['**/*.vue', '**/*.js'],
+    plugins: {
+      vue: pluginVue,
+    },
+    linterOptions: {
+      reportUnusedInlineConfigs: 'error',
+    },
+    languageOptions: {
+      ecmaVersion: 'latest',
+      sourceType: 'module',
+      globals: {
+        ...globals.browser,
+        ...globals.node,
+        defineProps: 'readonly',
+        defineEmits: 'readonly',
+        defineExpose: 'readonly',
+        withDefaults: 'readonly',
+      },
+    },
+    rules: {
+      semi: ['error', 'never'],
+      quotes: [
+        'error',
+        'single',
+        {
+          avoidEscape: true,
+          allowTemplateLiterals: true,
+        },
+      ],
+      'comma-dangle': [
+        'error',
+        {
+          arrays: 'always-multiline',
+          objects: 'always-multiline',
+          imports: 'always-multiline',
+          exports: 'always-multiline',
+          functions: 'never',
+        },
+      ],
+      'no-console': ['error', { allow: ['error', 'info', 'dir', 'warn'] }],
+      curly: ['error', 'all'],
+      'brace-style': ['error', '1tbs', { allowSingleLine: false }],
+      indent: ['error', 2, { SwitchCase: 1 }],
+      'vue/multi-word-component-names': 'off',
+      'vue/block-order': [
+        'error',
+        {
+          order: ['template', 'script', 'style'],
+        },
+      ],
+      'vue/attributes-order': [
+        'error',
+        {
+          order: [
+            'CONDITIONALS',
+            'LIST_RENDERING',
+            'DEFINITION',
+            'RENDER_MODIFIERS',
+            ['UNIQUE', 'SLOT'],
+            'CONTENT',
+            'TWO_WAY_BINDING',
+            'OTHER_DIRECTIVES',
+            'GLOBAL',
+            'OTHER_ATTR',
+            'EVENTS',
+          ],
+          alphabetical: false,
+        },
+      ],
+    },
+  },
+  configPrettier,
+]

package/package.json

@@ -0,0 +1,31 @@
+{
+  "name": "@vue-laab/presets",
+  "version": "1.0.0",
+  "description": "A collection of opinionated ESLint and Prettier configurations for Vue 3 development. Focused on clean code, reactivity safety, and consistent styling.",
+  "main": "eslint.js",
+  "exports": {
+    ".": "./eslint.js",
+    "./prettier": "./prettier.js"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "keywords": [
+    "vue",
+    "vue3",
+    "eslint-config",
+    "prettier-config",
+    "dx",
+    "presets"
+  ],
+  "peerDependencies": {
+    "eslint": ">=9.0.0",
+    "eslint-plugin-vue": "^9.0.0",
+    "@eslint/js": "^9.0.0",
+    "eslint-config-prettier": "^9.0.0",
+    "globals": "^15.0.0",
+    "prettier": ">=3.0.0"
+  },
+  "author": "M.Vovk",
+  "license": "ISC"
+}

package/prettier.js

@@ -0,0 +1,14 @@
+export default{
+  "$schema": "https://json.schemastore.org/prettierrc",
+  "semi": false,
+  "singleQuote": true,
+  "jsxSingleQuote": false,
+  "trailingComma": "all",
+  "printWidth": 100,
+  "tabWidth": 2,
+  "bracketSpacing": true,
+  "arrowParens": "always",
+  "endOfLine": "auto",
+  "htmlWhitespaceSensitivity": "ignore",
+  "vueIndentScriptAndStyle": false
+}