Update documentation

Author: bradgessler

README.md

@@ -1,6 +1,6 @@
 # Superview
 
-Build Rails applications, from the ground up, using [Phlex](https://www.phlex.fun/) components, like this.
+Build Rails applications, from the ground up, using [Phlex](https://www.phlex.fun/) or [ViewComponent](https://viewcomponent.org/) components, like this.
 
 ```ruby
 class PostsController < ApplicationController
@@ -17,6 +17,21 @@ class PostsController < ApplicationController
     end
   end
 
+  class Edit < ViewComponent::Base
+    attr_accessor :post
+
+    def call
+      <<~HTML
+        <h1>Edit #{@post.title}</h1>
+        <form action="<%= post_path(@post) %>" method="post">
+          <input type="text" name="title" value="<%= @post.title %>">
+          <textarea name="body"><%= @post.body %></textarea>
+          <button type="submit">Save</button>
+        </form>
+      HTML
+    end
+  end
+
   private
     def load_post
       @post = Post.find(params[:id])
@@ -41,11 +56,16 @@ If bundler is not being used to manage dependencies, install the gem by executin
 
 ## Usage
 
-Install `phlex-rails` in your Rails application.
+Add `include Superview::Actions` to any controllers you'd like to render components as controller actions.
 
-    $ bin/rails generate phlex:install
+```ruby
+class PostsController < ApplicationController
+  include Superview::Actions
+  # Your code...
+end
+```
 
-Then add `include Superview::Actions` to any controllers you'd like to render Phlex components.
+Then add classes to your controller that map to the actions you'd like to render. The `Show` class will render when the `PostsController#show` action is called and the `Edit` class will render when the `PostsController#edit` action is called.
 
 ```ruby
 class PostsController < ApplicationController
@@ -62,20 +82,37 @@ class PostsController < ApplicationController
     end
   end
 
+  class Edit < ViewComponent::Base
+    attr_accessor :post
+
+    def call
+      <<~HTML
+        <h1>Edit #{@post.title}</h1>
+        <form action="<%= post_path(@post) %>" method="post">
+          <input type="text" name="title" value="<%= @post.title %>">
+          <textarea name="body"><%= @post.body %></textarea>
+          <button type="submit">Save</button>
+        </form>
+      HTML
+    end
+  end
+
   private
     def load_post
       @post = Post.find(params[:id])
     end
 end
 ```
 
-The `Show` class will render when the `PostsController#show` action is called. To use along side other formats or render manually, you can define the `PostsController#show` as you'd expect:
+### Explicit rendering
+
+You can explicitly render a component in a controller action method. In this example, we needed to render a the `Show` component in the `html` format and a JSON response in the `json` format.
 
 ```ruby
 class PostsController < ApplicationController
   include Superview::Actions
 
-  before_action :load_post
+  # Your code...
 
   class Show < ApplicationComponent
     attr_accessor :post
@@ -88,8 +125,10 @@ class PostsController < ApplicationController
 
   def show
     respond_to do |format|
+      # 👋 Renders the Show component
       format.html { render phlex }
-      # These would also work...
+
+      # 👉 These would also work...
       # format.html { render Show.new.tap { _1.post = @post } }
       # format.html { render phlex Show.new }
       # format.html { render phlex Show }
@@ -98,10 +137,7 @@ class PostsController < ApplicationController
     end
   end
 
-  private
-    def load_post
-      @post = Post.find(params[:id])
-    end
+  # Your code...
 end
 ```
 
@@ -128,12 +164,8 @@ class PostsController < ApplicationController
     end
   end
 
-  private
-    def load_post
-      @post = Post.find(params[:id])
-    end
+  # Your code...
 end
-
 ```
 
 ### Extracting inline views into the `./app/views` folder