diff --git a/.htaccess b/.htaccess
index 1c56776897..128db65145 100644
--- a/.htaccess
+++ b/.htaccess
@@ -1,12 +1,9 @@
 RewriteEngine On
 RewriteBase /
 
-#if the request is not secure
 RewriteCond %{HTTPS} off
-#redirect to the secure version
 RewriteRule (.*) https://%{HTTP_HOST}/$1 [R=301,L]
 
-#These are your existing rules
 RewriteCond %{REQUEST_FILENAME} -s [OR]
 RewriteCond %{REQUEST_FILENAME} -l [OR]
 RewriteCond %{REQUEST_FILENAME} -d
diff --git a/content/recipes/swagger.md b/content/recipes/swagger.md
index 43b5c4585a..5779c1a780 100644
--- a/content/recipes/swagger.md
+++ b/content/recipes/swagger.md
@@ -129,7 +129,7 @@ export const ApiModelProperty: (metadata?: {
 }) => PropertyDecorator;
 ```
 
-> warning **Hint** There's an `@ApiModelPropertyOptional()` shortcut decorator which helps to avoid continuous typing `{{ apiModelPropertyOptional }}`.
+> warning **Hint** There's an `@ApiModelPropertyOptional()` shortcut decorator which helps to avoid continuous typing `@ApiModelProperty(&#123 required: false &#125)`.
 
 Thanks to that we can simply set the **default** value, determine whether the property is required or explicitly set the type.
 
diff --git a/src/app/app.module.ts b/src/app/app.module.ts
index ddd64d2874..d950c72708 100644
--- a/src/app/app.module.ts
+++ b/src/app/app.module.ts
@@ -13,6 +13,7 @@ import { HeaderComponent } from './homepage/header/header.component';
 import { HomepageComponent } from './homepage/homepage.component';
 import { MenuItemComponent } from './homepage/menu/menu-item/menu-item.component';
 import { MenuComponent } from './homepage/menu/menu.component';
+import { MixinComponentsComponent } from './homepage/pages/advanced/mixin-components/mixin-components.component';
 import { ApplicationContextComponent } from './homepage/pages/application-context/application-context.component';
 import { ComponentsComponent } from './homepage/pages/components/components.component';
 import { ControllersComponent } from './homepage/pages/controllers/controllers.component';
@@ -57,6 +58,7 @@ const DEFAULT_PERFECT_SCROLLBAR_CONFIG: PerfectScrollbarConfigInterface = {
     BasePageComponent,
     ComponentsComponent,
     ModulesComponent,
+    MixinComponentsComponent,
     MiddlewaresComponent,
     PipesComponent,
     ExceptionFiltersComponent,
diff --git a/src/app/homepage/pages/recipes/swagger/swagger.component.html b/src/app/homepage/pages/recipes/swagger/swagger.component.html
index 6801b56e23..e6356a3356 100644
--- a/src/app/homepage/pages/recipes/swagger/swagger.component.html
+++ b/src/app/homepage/pages/recipes/swagger/swagger.component.html
@@ -101,7 +101,7 @@ <h4 appAnchor id="body-query-path-parameters"><span>Body, query, path parameters
   example?: any;
 &#125;) =&gt; PropertyDecorator;</code></pre>
 <blockquote class="
-warning "><strong>Hint</strong> There&#39;s an <code>@ApiModelPropertyOptional()</code> shortcut decorator which helps to avoid continuous typing <code>{{ apiModelPropertyOptional }}</code>.
+warning "><strong>Hint</strong> There&#39;s an <code>@ApiModelPropertyOptional()</code> shortcut decorator which helps to avoid continuous typing <code>@ApiModelProperty(&amp;#123 required: false &amp;#125)</code>.
 </blockquote>
 <p>Thanks to that we can simply set the <strong>default</strong> value, determine whether the property is required or explicitly set the type.</p>
 <h4 appAnchor id="multiple-specifications"><span>Multiple specifications</span></h4>