feat: js object shorthand

Author: scr2em

.grit/patterns/js/object_shorthand.md

@@ -0,0 +1,64 @@
+---
+title: Object shorthand
+tags: [good-practice]
+---
+This matches the [eslint rule](https://eslint.org/docs/latest/rules/object-shorthand).
+
+Check the [Playground](https://app.grit.io/studio?key=fsNvFDGI4px3u5p7VdAQZ)
+```grit
+engine marzano(1.0)
+language js
+
+pair(key=$key, value=$value) as $pair where {
+   if( $key <: $value){
+    $pair => `$key`
+   }else if ($value <: function($body, $parameters)){
+    $pair => `$key($parameters) $body`,
+   }
+}
+```
+
+Code examples:
+```js
+// properties
+var foo = {
+  x,
+  y: y,
+  z: z,
+  a: 12,
+  b: a
+};
+
+// methods
+var foo = {
+  a: function() {},
+  b: function( x) {},
+  x: function y() {},
+  y: function y() {},
+  z: function y(x) {},
+  y(x) {},
+  "o-o" : ()=> 5
+};
+```
+will become
+```js
+// properties
+var foo = {
+  x,
+  y,
+  z,
+  a: 12,
+  b: a
+};
+
+// methods
+var foo = {
+  a() {},
+  b(x) {},
+  x() {},
+  y() {},
+  z(x) {},
+  y(x) {},
+  "o-o" : ()=> 5
+};
+```