【Vue.js】Promise/thenを設定しているが順番通りに実行されない

実現したいこと

Vueを使った実装を進めています。
Promiseを使って選択肢1、選択肢2、選択肢3を順番に作成したいのですが、順番になりません。
（１→3→2になったり3→1→2になったり）

修正箇所がわかる方がいらっしゃいましたら、修正箇所をご指摘いただけますと幸いです。
よろしくお願いいたします。

Vue
1      const choice1 = new Promise((resolve, reject) => {
2        this.$axios.post("/v1/questionnaire_choices", {
3          questionnaire_id: questionnaire_id,
4          choice: this.questionnaire.choice_first,
5        });
6        resolve("投稿完了しました。投票結果はマイページからいつでも確認できます。");
7      });
8
9      const choice2 = choice1.then(
10        this.$axios.post("/v1/questionnaire_choices", {
11          questionnaire_id: response_questionnaire_id,
12          choice: this.questionnaire.choice_second,
13        })
14      );
15
16      const choice3 = choice2.then(
17        this.$axios.post("/v1/questionnaire_choices", {
18          questionnaire_id: response_questionnaire_id,
19          choice: this.questionnaire.choice_third
20        })
21      );
22
23     choice1();