ソート時にtoSorted()を使用

[ogu-kazemiya]

User description

#255 で指摘を受けた点の修正です

---

PR Type

Enhancement

---

Description

• computedプロパティsortedMembersを修正し、toSorted()メソッドを使用してメンバーを加入日昇順にソート。
• ソートロジックをyearとsemesterに基づいて実装。
• v-forディレクティブでmembersの代わりにsortedMembersを使用することで、ソートされたリストをテンプレートに表示。

---

Changes walkthrough 📝

	Relevant files
Enhancement	MemberList.vue メンバーリストを加入日昇順にソートするロジックの修正                                                              src/components/Project/MemberList.vue computedプロパティsortedMembersを修正し、toSorted()メソッドを使用してメンバーを加入日昇順にソート。 ソートロジックをyearとsemesterに基づいて実装。 +1/-2

---

💡 PR-Agent usage: Comment /help "your question" on any pull request to receive relevant information

[github-actions]

Preview (prod) → https://258-prod.portfolio-preview.trapti.tech/
Preview (dev) → https://258-dev.portfolio-preview.trapti.tech/

[github-actions]

PR Reviewer Guide 🔍

Here are some key observations to aid the review process:

🎫 Ticket compliance analysis ✅ 255 - Fully compliant Fully compliant requirements: プロジェクトメンバーを加入日昇順にソートするためのロジックを追加する。 computedプロパティsortedMembersを作成し、yearとsemesterを基準にメンバーをソート。 テンプレート内でv-forディレクティブをsortedMembersに変更し、ソートされたリストを表示。

⏱️ Estimated effort to review: 2 🔵🔵⚪⚪⚪

🧪 No relevant tests

🔒 No security concerns identified

⚡ Recommended focus areas for review Performance Issue toSorted()メソッドのパフォーマンスとメモリ使用量を確認し、大量のメンバーデータを扱う場合の効率性を検討する必要があります。

[github-actions]

PR Code Suggestions ✨

Explore these optional code suggestions:

Category	Suggestion	Score
Possible issue	toSorted() を sort() に置き換えて、JavaScript の標準メソッドを使用するように修正します。 toSorted() メソッドは JavaScript の標準メソッドではありません。sort() メソッドを使用して、配列をソートしてください。 src/components/Project/MemberList.vue [15-19] -const li = props.members.toSorted((a, b) => { +const li = props.members.sort((a, b) => { if (a.duration.since.year !== b.duration.since.year) { return a.duration.since.year - b.duration.since.year } else { return a.duration.since.semester - b.duration.since.semester Suggestion importance[1-10]: 10 Why: The method toSorted() is not a standard JavaScript method, and using sort() correctly addresses the functionality intended in the PR, ensuring the code is executable and correct.	10

[sh0go07]

良さそうです！ありがとう！