Fix stimulus controllers (#186)

Author: stephannv

lib/generators/ruby_ui/component_generator.rb

@@ -74,8 +74,8 @@ def controller_info(controller_file)
         # Build the new import path
         new_import_path = new_import_path("./#{relative_path.dirname}/#{file_name}")
 
-        # Create the registration name by dasherizing the component name and prefixing with 'ruby_ui--'
-        registration_name = "ruby_ui--#{component_name.dasherize}"
+        # Create the registration name by dasherizing the component name and prefixing with 'ruby-ui--'
+        registration_name = "ruby-ui--#{component_name.dasherize}"
 
         # Return a hash with import, registration, and export statements
         {

lib/generators/ruby_ui/install/templates/index.js.tt

@@ -4,7 +4,7 @@ import { application } from "../../../app/javascript/controllers/application";
 // import ComboboxController from "./combobox/combobox_controller";
 
 // Register all controllers
-// application.register("ruby_ui--combobox", ComboboxController);
+// application.register("ruby-ui--combobox", ComboboxController);
 
 import RubyUI from "ruby_ui-js";
 RubyUI.initialize(application);

lib/ruby_ui/accordion/accordion_controller.js

@@ -1,7 +1,7 @@
 import { Controller } from "@hotwired/stimulus";
 import { animate } from "motion";
 
-// Connects to data-controller="ruby_ui--accordion"
+// Connects to data-controller="ruby-ui--accordion"
 export default class extends Controller {
   static targets = ["icon", "content"];
   static values = {

lib/ruby_ui/accordion/accordion_default_trigger.rb

@@ -11,7 +11,7 @@ def view_template(&block)
 
     def default_attrs
       {
-        data: {action: "click->ruby_ui--accordion#toggle"},
+        data: {action: "click->ruby-ui--accordion#toggle"},
         class: "w-full flex flex-1 items-center justify-between py-4 text-sm font-medium transition-all hover:underline"
       }
     end

lib/ruby_ui/accordion/accordion_item.rb

@@ -17,7 +17,7 @@ def view_template(&)
     def default_attrs
       {
         data: {
-          controller: "ruby_ui--accordion",
+          controller: "ruby-ui--accordion",
           ruby_ui__accordion_open_value: @open,
           ruby_ui__accordion_rotate_icon_value: @rotate_icon
         },

lib/ruby_ui/accordion/accordion_trigger.rb

@@ -9,7 +9,7 @@ def view_template(&)
     def default_attrs
       {
         type: "button",
-        data: {action: "click->ruby_ui--accordion#toggle"},
+        data: {action: "click->ruby-ui--accordion#toggle"},
         class: "w-full flex flex-1 items-center justify-between py-4 text-sm font-medium transition-all hover:underline"
       }
     end

lib/ruby_ui/alert_dialog/alert_dialog.rb

@@ -16,7 +16,7 @@ def view_template(&)
     def default_attrs
       {
         data: {
-          controller: "ruby_ui--alert-dialog",
+          controller: "ruby-ui--alert-dialog",
           ruby_ui__alert_dialog_open_value: @open.to_s
         },
         class: "inline-block"

lib/ruby_ui/alert_dialog/alert_dialog_cancel.rb

@@ -12,7 +12,7 @@ def default_attrs
       {
         variant: :outline,
         data: {
-          action: "click->ruby_ui--alert-dialog#dismiss"
+          action: "click->ruby-ui--alert-dialog#dismiss"
         },
         class: "mt-2 sm:mt-0"
       }

lib/ruby_ui/alert_dialog/alert_dialog_controller.js

@@ -1,6 +1,6 @@
 import { Controller } from "@hotwired/stimulus";
 
-// Connects to data-controller="ruby_ui--alert-dialog"
+// Connects to data-controller="ruby-ui--alert-dialog"
 export default class extends Controller {
   static targets = ["content"];
   static values = {

lib/ruby_ui/alert_dialog/alert_dialog_trigger.rb

@@ -10,7 +10,7 @@ def view_template(&)
 
     def default_attrs
       {
-        data: {action: "click->ruby_ui--alert-dialog#open"},
+        data: {action: "click->ruby-ui--alert-dialog#open"},
         class: "inline-block"
       }
     end