Cleanup main version history views for Buefy theme

tailbone/templates/master/versions.mako

@@ -20,12 +20,38 @@
 </%def>
 
 <%def name="content_title()">
-  History for ${instance_title}
+  Version History
+</%def>
+
+<%def name="render_this_page()">
+  ${self.page_content()}
+</%def>
+
+<%def name="make_this_page_component()">
+  ${parent.make_this_page_component()}
+  <script type="text/javascript">
+
+    TailboneGrid.data = function() { return TailboneGridData }
+
+    Vue.component('tailbone-grid', TailboneGrid)
+
+  </script>
+</%def>
+
+<%def name="render_this_page_template()">
+  ${parent.render_this_page_template()}
+
+  ## TODO: stop using |n filter
+  ${grid.render_buefy()|n}
 </%def>
 
 <%def name="page_content()">
-  ${grid.render_complete()|n}
+  % if use_buefy:
+      <tailbone-grid :csrftoken="csrftoken">
+      </tailbone-grid>
+  % else:
+      ${grid.render_complete()|n}
+  % endif
 </%def>
 
-
 ${parent.body()}