eslint-plugin-vue-no-static-computed 0.1.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Steven Degele
+
+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,61 @@
+# eslint-plugin-vue-no-static-computed
+
+ESLint rule to disallow Vue `computed()` wrapping purely static values with no reactive dependencies.
+
+## Installation
+
+```sh
+npm install --save-dev eslint-plugin-vue-no-static-computed
+```
+
+## Usage
+
+In your ESLint flat config (`eslint.config.js`):
+
+```js
+import vueNoStaticComputed from 'eslint-plugin-vue-no-static-computed'
+
+export default [
+  {
+    plugins: {
+      'vue-no-static-computed': vueNoStaticComputed,
+    },
+    rules: {
+      'vue-no-static-computed/no-static-computed': 'error',
+    },
+  },
+]
+```
+
+## Rule Details
+
+`no-static-computed` flags `computed()` calls where the getter returns a value with no reactive dependencies. These should be plain variables instead.
+
+### Examples
+
+**Bad:**
+
+```js
+import { computed } from 'vue'
+
+const items = computed(() => ['a', 'b', 'c'])
+const config = computed(() => ({ key: 'value' }))
+const label = computed(() => 'hello')
+```
+
+**Good:**
+
+```js
+import { computed, ref } from 'vue'
+
+const items = ['a', 'b', 'c']
+const config = { key: 'value' }
+const label = 'hello'
+
+const count = ref(0)
+const doubled = computed(() => count.value * 2)
+```
+
+## License
+
+MIT

package/index.js

@@ -0,0 +1,9 @@
+import noStaticComputed from './lib/no-static-computed.js'
+
+const plugin = {
+  rules: {
+    'no-static-computed': noStaticComputed,
+  },
+}
+
+export default plugin

package/lib/no-static-computed.js

@@ -0,0 +1,65 @@
+/**
+ * @type {import('eslint').Rule.RuleModule}
+ */
+export default {
+  meta: {
+    type: 'suggestion',
+    docs: {
+      description: 'Disallow computed() wrapping purely static values with no reactive dependencies',
+      url: 'https://github.com/arghmeleg/eslint-plugin-vue-no-static-computed#rule-details',
+    },
+    messages: {
+      noStaticComputed:
+        'This computed() has no reactive dependencies. Use a plain variable instead.',
+    },
+    schema: [],
+  },
+  create(context) {
+    return {
+      CallExpression(node) {
+        if (node.callee.type !== 'Identifier' || node.callee.name !== 'computed') return
+        if (node.arguments.length === 0) return
+
+        const arg = node.arguments[0]
+        if (arg.type !== 'ArrowFunctionExpression' && arg.type !== 'FunctionExpression') return
+
+        const body = arg.body
+        // For arrow functions with expression body: computed(() => [...])
+        // For block body: computed(() => { return [...] })
+        const expr =
+          body.type !== 'BlockStatement'
+            ? body
+            : body.body.length === 1 &&
+                body.body[0].type === 'ReturnStatement' &&
+                body.body[0].argument
+              ? body.body[0].argument
+              : null
+
+        if (expr && isStatic(expr)) {
+          context.report({ node, messageId: 'noStaticComputed' })
+        }
+      },
+    }
+  },
+}
+
+function isStatic(node) {
+  switch (node.type) {
+    case 'Literal':
+      return true
+    case 'TemplateLiteral':
+      return node.expressions.length === 0
+    case 'ArrayExpression':
+      return node.elements.every((el) => el !== null && isStatic(el))
+    case 'ObjectExpression':
+      return node.properties.every(
+        (prop) =>
+          prop.type === 'Property' &&
+          !prop.computed &&
+          isStatic(prop.value) &&
+          (prop.key.type === 'Identifier' || prop.key.type === 'Literal'),
+      )
+    default:
+      return false
+  }
+}

package/package.json

@@ -0,0 +1,37 @@
+{
+  "name": "eslint-plugin-vue-no-static-computed",
+  "version": "0.1.0",
+  "description": "ESLint rule to disallow Vue computed() wrapping purely static values with no reactive dependencies",
+  "license": "MIT",
+  "author": "Steven Degele",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/arghmeleg/eslint-plugin-vue-no-static-computed.git"
+  },
+  "type": "module",
+  "exports": "./index.js",
+  "main": "./index.js",
+  "files": [
+    "index.js",
+    "lib/",
+    "LICENSE"
+  ],
+  "scripts": {
+    "test": "node tests/no-static-computed.test.js"
+  },
+  "keywords": [
+    "eslint",
+    "eslintplugin",
+    "eslint-plugin",
+    "vue",
+    "computed",
+    "static",
+    "composition-api"
+  ],
+  "peerDependencies": {
+    "eslint": ">=8.0.0"
+  },
+  "devDependencies": {
+    "eslint": "^9.39.2"
+  }
+}