Merge pull request #8033 from fjordllc/chore/answer-non-vue-conversion

Q&AのAnswer部分を非Vue化

app/controllers/api/answers_controller.rb

@@ -31,7 +31,7 @@ def create
     if @answer.save
       Newspaper.publish(:answer_create, { answer: @answer })
       Newspaper.publish(:answer_save, { answer: @answer })
-      render :create, status: :created
+      render partial: 'questions/answer', locals: { question:, answer: @answer, user: current_user }, status: :created
     else
       head :bad_request
     end

app/controllers/api/correct_answers_controller.rb

@@ -11,7 +11,7 @@ def create
       Newspaper.publish(:answer_save, { answer: @answer })
       Newspaper.publish(:correct_answer_save, { answer: @answer })
       ChatNotifier.message("質問：「#{@answer.question.title}」のベストアンサーが選ばれました。\r#{url_for(@answer.question)}")
-      render json: @answer
+      head :ok
     else
       head :bad_request
     end

app/javascript/answer.js

@@ -0,0 +1,25 @@
+import initializeAnswer from './initializeAnswer'
+
+document.addEventListener('DOMContentLoaded', () => {
+  const answerAnchor = location.hash
+  if (answerAnchor) {
+    setTimeout(() => {
+      const anchorElement = document.querySelector(answerAnchor)
+      if (anchorElement) {
+        anchorElement.scrollIntoView({ behavior: 'instant' })
+      }
+    }, 300)
+  }
+
+  const answers = document.querySelectorAll('.answer')
+  const loadingContent = document.querySelector('.loading-content')
+  const answerContent = document.querySelector('.answer-content')
+  if (answers) {
+    loadingContent.style.display = 'none'
+    answerContent.style.display = 'block'
+
+    answers.forEach((answer) => {
+      initializeAnswer(answer)
+    })
+  }
+})