Delete tags using Stimulus

app/controllers/tags_controller.rb

@@ -4,13 +4,12 @@ class TagsController < ApplicationController
   def create
     image = @current_user.images.find(params[:image_id])
     tag = params[:tag]
-    image.tags << tag unless image.tags.include?(tag)
+    if !image.tags.include?(tag)
-    image.save
+      image.tags << tag
-
+      image.save
-    if request.xhr?
       render partial: "tags/tag", locals: { image: image, tag: tag }
     else
-      redirect_to([:user, image])
+      head 200, content_type: "text/html"
     end
   end
 
@@ -20,9 +19,6 @@ class TagsController < ApplicationController
     image.tags.delete(tag)
     image.save
 
-    respond_to do |format|
+    render json: { status: :ok }
-      format.html { redirect_to([:user, image]) }
-      format.js { render "index", locals: { image: image, tags: image.tags } }
-    end
   end
 end

app/views/tags/_tag.html.erb

@@ -1,8 +1,9 @@
-<li class="image-tag" id="tag-<%= tag %>">
+<li class="image-tag"
-  <%= tag %>
+    id="tag-<%= tag %>"
-  <%= link_to "&times;".html_safe,
+    data-controller="tag">
-    user_image_tag_path(image, tag),
+    <span data-target="tag.name"><%= tag %></span>
-    method: :delete,
+    <%= link_to "&times;".html_safe,
-    remote: true,
+      user_image_tag_path(image, tag),
-    class: "delete-tag" %>
+      data: { action: "click->tag#delete" },
+      class: "delete-tag" %>
 </li>