[Vue.js廃止] 質問一覧をvanilla JSに置き換える

[komagata]

概要

質問機能に関連するVue.jsコンポーネントを通常のviewとvanilla JSでの実装に置き換える作業です。

対象コンポーネント

• app/javascript/components/question.vue
• app/javascript/components/questions.vue

現在の実装方法

現在はVue.jsを使用して、質問一覧の表示や個別の質問表示を行っています。これらのコンポーネントはdata-vue属性を持つHTML要素にマウントされています。

置き換え方針

1. 通常のRailsのviewで質問一覧と個別の質問を表示するように変更
2. 必要な動的機能（フィルタリングやソートなど）はvanilla JSで実装

タスク

• 対象コンポーネントの分析
• 通常のviewファイルの作成
• 既存のVue.jsコンポーネントの削除
• 動作確認

関連ファイル

• app/javascript/components/question.vue
• app/javascript/components/questions.vue
• app/views/questions/index.html.slim
• app/views/questions/_question_header.html.slim
• app/views/practices/questions/index.html.slim
• app/views/users/questions/index.html.slim

注意点

• 質問一覧のフィルタリング機能を維持すること
• 質問の表示順序を維持すること
• 既存の機能を損なわないこと