Add hot reloading screenshot

src/wwwroot/docs/hot-reloading.html

@@ -4,7 +4,7 @@
 -->
 
 <p>
-    #Script has a simple, but effective configuration-free hot-reloading feature built-in that's enabled 
+    <em>#Script</em> has a simple, but effective configuration-free hot-reloading feature built-in that's enabled 
     when registering the <a href="/docs/sharp-pages">SharpPagesFeature</a> plugin:
 </p>
 
@@ -55,4 +55,11 @@ <h4>Implementation</h4>
     statically referenced, i.e. the typical case of using a string literal for the file name as opposed to a dynamically creating it.
 </p>
 
+<h4>Preview</h4>
+
+<p>If enabled and working correctly hot reloading should allow you to view instant UI changes on save:</p>
+
+<a href="https://www.vuedesktop.com"><img src="https://raw.githubusercontent.com/ServiceStack/docs/master/docs/images/app/vue-desktop/vuedesktop-livereload.gif" alt=""></a>
+
+
 {{ "doc-links" |> partial({ order }) }}