Vueでsvgを1,5秒毎に変態（大きさを変化させる）させたいが、うまくいきません。

前提・実現したいこと

Vue.jsでsvgを作成し、svg内にある2つのcircleを1.5秒毎に「変態（大きさを変える）」させたいと考えています。
※ただし、この2つのcircleはrequestAnimationFrameでtranslateが常に実行されているため、一定の速度で動き続けています。

私は変態させるために、circleのr要素を一時的に「大きくする(rを+5)→小さくする(rを-5)」を行おうと考え、下記の該当のソースコードのような実装を行いました。

発生している問題・エラーメッセージ

しかし、
「大きくする(rを+5)→小さくする(rを-5)」
のメソッドが一瞬で完了してしまうため、変態が確認できません（下記gif参照）

該当のソースコード

Vue
1<template>
2  <svg class="whole">
3    <template v-for="(circle, index) in $data.dataArray">
4      <circle
5        :key="`circle_${index}`"
6        :r="circle.radius"
7        :cx="circle.cx"
8        :cy="circle.cy"
9        :stroke="circle.stroke"
10        :fill="circle.fill"
11      />
12    </template>
13  </svg>
14</template>
15
16<script>
17export default {
18  data() {
19    return {
20      dataArray: [
21        {
22          radius: 10,
23          cx: 100,
24          cy: 100,
25          stroke: 'white',
26          fill: 'black'
27        },
28        {
29          radius: 15,
30          cx: 300,
31          cy: 100,
32          stroke: 'white',
33          fill: 'gray'
34        }
35      ],
36      reduced: 1000
37    };
38  },
39  methods: {
40    translate() {
41      const { 
42        width,
43        height 
44      } = this.$el.getBoundingClientRect();
45
46      this.$data.dataArray.forEach((data) => {
47        if (data.cx <= width) {
48          data.cx += 1;
49        }
50        if (data.cy <= height) {
51          data.cy += 1;
52        }
53      });
54    },
55    async swell() {
56      await this.$data.dataArray.forEach((data) => {
57        data.radius += 5;        
58      });
59    },
60    async shrink() {
61      await this.$data.dataArray.forEach((data) => {
62        data.radius -= 5;        
63      });
64    },
65    async move() {
66      await this.swell();
67      await this.shrink();
68    },
69    run() {
70      this.$data.reduced -= 0.1;
71
72      if(this.$data.reduced > 0.001) {
73        this.translate();
74        setInterval(this.move, 1500);
75        requestAnimationFrame(this.run);
76      } else {
77        this.$data.reduced = 0;
78      }
79    }
80  },
81  mounted () {
82    this.run();
83  },
84};
85</script>
86
87<style scoped>
88.whole {
89  width: 100vw;
90  height: 100vh;
91}
92</style>
93