JSオブジェクトリテラルの省略・非省略プロパティ混在時の書き方

最近のJSはオブジェクトリテラルで変数名とプロパティ名が一致していれば省略できますが

const x = 1;
const obj = { x };
console.log(obj);   // => { x: 1 }

で、省略できるプロパティとできないプロパティが混在していた場合どういう順番で書いてます？

例えばこんなやつ

const r = 255;
const g = 238;
　
// rgbの意味を重視して並べるか
const color1 = { r, g: 128, b };

// 省略するものをまとめて書くか。
const color2 = { r, b, g: 220 };

色の場合はrgbで１つの単語のように捉えることができるので上の方がしっくり来ます。下にすると間違えそうな気がする

これがx, y, zの空間座標軸の場合は

const color = { x, z, y: 5 };

x, z,を固定してyを変化させる感じの操作の場合。これだとx, y, zの順番じゃなくてもいいかな、という気になる

HTTPリクエストはどうでしょう

const host = config.get("api.host")
const port = config.get("api.port")
const scheme = config.get("api.scheme")

// それっぽく並べる GET http://localhost:8080/api/v1/users 
{ 
  method: "˝GET",
  scheme,
  host,
  post,
  path: '/api/v1/users' ,
} 

// 前に寄せる
{
  scheme,
  host,
  post, 
  method: "˝GET",
  path: '/api/v1/users' ,
} 

// 後ろに寄せる
{
  method: "˝GET",
  path: '/api/v1/users' ,
  scheme,
  host,
  post, 
} 

正直どれでも良さそう・・・