coderisimo

const result = graphData.map((n, i) => ({ ...n, color: palette[i % palette.length] }));

const combine = (arr, keys, values) =>
  arr.map(({ ...n }, i) => (
    values.forEach((m, j) => n[keys[j]] = m[i % m.length]),
    n
  ));


const result = combine(graphData, [ 'color' ], [ palette ]);

<gmap-map
  ref="map"
  v-bind="options"
  @click="onMapClick"
>
  <gmap-marker
    v-for="m in markers"
    :key="m.id"
    :position="m.position"
    :clickable="true"
    :draggable="true"
    @click="onMarkerClick"
  />
</gmap-map>

data: () => ({
  options: {
    center: { lat: 45.101637, lng: 38.986345 },
    zoom: 15,
  },
  markers: [],
}),
methods: {
  onMapClick(e) {
    this.markers.push({
      id: 1 + Math.max(0, ...this.markers.map(n => n.id)),
      position: e.latLng,
    });
  },
  onMarkerClick(e) {
    this.$refs.map.panTo(e.latLng);
    // или
    // this.options.center = e.latLng;
  },
},

все на php7.3, mysql 5.7, nginx

location /project-42 { root /projects/project-42; ... }

### или целый блок

server {
  listen 80;
  server_name  project42.dev;
  ... 
}

nginx:
  volumes:
    - "/freelance/projects/Project-0/:/var/www/project0"
    - "/freelance/projects/Project-42/:/var/www/project42"
    # ...
php-fpm:
  volumes:
    # то же самое сюда

2) Как проектам дать не localhost:8080, а нормальный урл типа project.dev?

Насколько я понимаю, OPTIONS запросы Yii , вообще, должен разруливать самостоятельно.

var message = document.getElementById('message');
   var button = document.getElementById('button');

   message.onkeyup = function () {
      if (message.value != "") {
         button.style.color = "#4e9fde";
      } else if(message.value == "") {
         button.style.color = "#c1c1c1";
      }
   }