Support variants with dots in their names (#1585)

This follows the same principles as commit 95ceed1. Quoting that
commit:

> ViewComponent defines variant method calls with `def
> call_#{variant}`, which results in invalid Ruby code when the variant
> contains a [dash or dot].

Replacing dots with triple underscores in the method definition (similar
to what Bundler does when converting hostnames to environment variables
[1]) and modifying the code getting the variant so it includes dots in
the variant name solves the issue.

[1] https://bundler.io/man/bundle-config.1.html#CONFIGURE-BUNDLER-DIRECTORIES

Author: javierm

docs/CHANGELOG.md

@@ -10,6 +10,10 @@ nav_order: 5
 
 ## main
 
+* Support variants with dots in their names.
+
+    *Javi Martín*
+
 ## 2.77.0
 
 * Support variants with dashes in their names.

lib/view_component/compiler.rb

@@ -189,7 +189,7 @@ def templates
             pieces = File.basename(path).split(".")
             memo << {
               path: path,
-              variant: pieces.second.split("+").second&.to_sym,
+              variant: pieces[1..-2].join(".").split("+").second&.to_sym,
               handler: pieces.last
             }
           end
@@ -254,7 +254,7 @@ def call_method_name(variant)
     end
 
     def normalized_variant_name(variant)
-      variant.to_s.gsub("-", "__")
+      variant.to_s.gsub("-", "__").gsub(".", "___")
     end
 
     def should_compile_superclass?

test/sandbox/app/components/variants_component.html+mini-watch.erb

@@ -1 +1 @@
-Mini Watch
+Mini Watch with dash

test/sandbox/app/components/variants_component.html+mini.watch.erb

@@ -0,0 +1 @@
+Mini Watch with dot

test/sandbox/test/rendering_test.rb

@@ -198,7 +198,15 @@ def test_renders_component_with_variant_containing_a_dash
     with_variant :"mini-watch" do
       render_inline(VariantsComponent.new)
 
-      assert_text("Mini Watch")
+      assert_text("Mini Watch with dash")
+    end
+  end
+
+  def test_renders_component_with_variant_containing_a_dot
+    with_variant :"mini.watch" do
+      render_inline(VariantsComponent.new)
+
+      assert_text("Mini Watch with dot")
     end
   end