Update view_component

Gemfile.lock

@@ -10,7 +10,7 @@ PATH
       simple_form (~> 5.3)
       stimulus-rails (~> 1.3)
       turbo-rails (~> 2.0)
-      view_component (~> 3.21)
+      view_component (>= 4.9.0)
 
 GEM
   remote: https://rubygems.org/
@@ -166,7 +166,6 @@ GEM
       net-smtp
     marcel (1.1.0)
     matrix (0.4.3)
-    method_source (1.1.0)
     mini_mime (1.1.5)
     minitest (6.0.6)
       drb (~> 2.0)
@@ -327,10 +326,10 @@ GEM
     unicode-emoji (4.1.0)
     uri (1.1.1)
     useragent (0.16.11)
-    view_component (3.24.0)
-      activesupport (>= 5.2.0, < 8.2)
+    view_component (4.10.0)
+      actionview (>= 7.1.0)
+      activesupport (>= 7.1.0)
       concurrent-ruby (~> 1)
-      method_source (~> 1.0)
     websocket (1.2.11)
     websocket-driver (0.8.0)
       base64

app/components/essence/icon_component/icon_component.html.erb

@@ -1 +1 @@
-<%= inline_svg_tag file, **html_options %>
+<%= helpers.inline_svg_tag file, **html_options %>

essence.gemspec

@@ -47,5 +47,5 @@ Gem::Specification.new do |spec|
   spec.add_dependency 'simple_form',     '~> 5.3'
   spec.add_dependency 'stimulus-rails',  '~> 1.3'
   spec.add_dependency 'turbo-rails',     '~> 2.0'
-  spec.add_dependency 'view_component',  '~> 3.21'
+  spec.add_dependency 'view_component',  '>= 4.9.0'
 end

lib/essence/engine.rb

@@ -19,12 +19,12 @@ class Engine < ::Rails::Engine
 
     config.generators.test_framework = :rspec
 
-    config.view_component.generate.sidecar             = true
+    config.view_component.generate.sidecar = true
     config.view_component.generate.stimulus_controller = true
-    config.view_component.generate.locale              = true
-    config.view_component.generate.preview             = true
-    config.view_component.preview_paths               << root.join('site/app/previews')
-    config.view_component.component_parent_class       = 'ApplicationComponent'
+    config.view_component.generate.locale = true
+    config.view_component.generate.preview = true
+    config.view_component.previews.paths << root.join('site/app/previews')
+    config.view_component.generate.parent_class = 'ApplicationComponent'
 
     initializer 'essence.add_default_flash_types' do
       ActiveSupport.on_load(:action_controller_base) do

site/config/application.rb

@@ -69,7 +69,7 @@ def fetch_asset_files(data)
       config.lookbook.preview_paths                    = [Rails.root.join('app/previews')]
       config.lookbook.preview_inspector.drawer_panels  = [:params, :source, :assets]
       config.lookbook.preview_embeds.policy            = 'ALLOWALL'
-      config.view_component.default_preview_layout     = 'lookbook'
+      config.view_component.previews.default_layout    = 'lookbook'
       config.lookbook.preview_display_options          = {
         wrapper: [
           'background',