📝 cleanup & improve documentation (#51)

Author: igotinfected

src/Spillgebees.Blazor.RichTextEditor.Assets/src/styles.css

@@ -1,6 +1,5 @@
 @import '../node_modules/quill/dist/quill.bubble.css';
 @import '../node_modules/quill/dist/quill.snow.css';
-@import '../node_modules/quill/dist/quill.snow.css';
 @import '../node_modules/@enzedonline/quill-blot-formatter2/dist/css/quill-blot-formatter2.css';
 
 .rich-text-editor-container.rich-text-editor-container-disabled {

src/Spillgebees.Blazor.RichTextEditor/Components/RichTextEditor.razor.cs

@@ -1,7 +1,3 @@
-using Microsoft.AspNetCore.Components;
-using Microsoft.Extensions.Logging;
-using Microsoft.JSInterop;
-
 namespace Spillgebees.Blazor.RichTextEditor.Components;
 
 public partial class RichTextEditor : BaseRichTextEditor

src/Spillgebees.Blazor.RichTextEditor/Components/Toolbar/ToolbarOptions.cs

@@ -25,12 +25,12 @@ public record ToolbarOptions(
     string ToolbarContainerDisabledClass = "rich-text-editor-toolbar-container-disabled",
     string ToolbarContainerHiddenClass = "rich-text-editor-toolbar-container-hidden")
 {
-    private static readonly List<string> _defaultFonts = new()
-    {
+    private static readonly List<string> _defaultFonts =
+    [
         "",
         "serif",
         "monospace"
-    };
+    ];
 
     public string ToolbarContainerHtmlId { get; init; } = ToolbarContainerHtmlId ?? $"rich-text-editor-toolbar-container-{Guid.NewGuid()}";
     public List<string> Fonts { get; init; } = Fonts ?? _defaultFonts;

src/Spillgebees.Blazor.RichTextEditor/README.md

@@ -45,6 +45,9 @@ The only difference between these two is that `RichTextEditor` will immediately
 `RichTextEditor` example:
 
 ```html
+@using Spillgebees.Blazor.RichTextEditor.Components
+@using Spillgebees.Blazor.RichTextEditor.Components.Toolbar
+
 <RichTextEditor @bind-Content="@_content"
                 @bind-Text="@_text"
                 @bind-Selection="@_selection"
@@ -57,6 +60,9 @@ The only difference between these two is that `RichTextEditor` will immediately
 `PassiveRichTextEditor` example:
 
 ```html
+@using Spillgebees.Blazor.RichTextEditor.Components
+@using Spillgebees.Blazor.RichTextEditor.Components.Toolbar
+
 <PassiveRichTextEditor @bind-Content="@_content"
                        ToolbarOptions="ToolbarOptions.FullToolbarOptions"
                        @ref="@_editorReference" />
@@ -70,6 +76,10 @@ Note that in the previous example the displayed content for the user is instant,
 You can completely customize the toolbar:
 
 ```html
+@using Spillgebees.Blazor.RichTextEditor.Components
+@using Spillgebees.Blazor.RichTextEditor.Components.Toolbar
+@using Spillgebees.Blazor.RichTextEditor.Components.Toolbar.Controls
+
 <RichTextEditor @bind-Content="@_content"
                 ToolbarOptions="@(ToolbarOptions.FullToolbarOptions with { Fonts = new List<string> { "Sans Serif", "RobotoMono" } })">
     <ToolbarContent>