Add v-cloak to hide vue tag

app/server/static/css/admin.css

@@ -77,4 +77,6 @@
   border-top-style: dashed;
   align-items: center;
   padding-top: .75rem;
-}
+}
+
+[v-cloak] { display: none; }

app/server/static/css/annotation.css

@@ -263,3 +263,5 @@ body {
 .todo-list li.editing:last-child {
   margin-bottom: -1px;
 }
+
+[v-cloak] { display: none; }

app/server/static/css/forum.css

@@ -167,4 +167,6 @@ p {
 .navbar-dropdown .navbar-item {
   color: white;
 
-}
+}
+
+[v-cloak] { display: none; }

app/server/templates/admin/admin_base.html

@@ -18,7 +18,7 @@
 </a>
 {% endblock %}
 {% block content %}
-<div class="columns" id="mail-app" style="margin-right:0;">
+<div class="columns" id="mail-app" style="margin-right:0;" v-cloak>
   <aside class="column is-2 aside">
     <div>
       <div class="main">

app/server/templates/annotation/annotation_base.html

@@ -4,7 +4,7 @@
 <link rel="stylesheet" href="{% static 'css/annotation.css' %}">
 {% endblock %}
 {% block content %}
-<div class="columns" id="mail-app">
+<div class="columns" id="mail-app" v-cloak>
   <aside class="column is-3 aside hero is-fullheight">
     <div>
 

app/server/templates/projects.html

@@ -2,7 +2,7 @@
 {% load static %}
 {% load widget_tweaks %}
 {% block content %}
-<div id="projects_root">
+<div id="projects_root" v-cloak>
   <section class="hero project-image">
     <div class="container">
       <div class="columns">