Messy transition to Vue

app/templates/table.html

@@ -1,26 +1,8 @@
 {% extends "layout.html" %}
 
 {% block content %}
+<div id="app">
+  {{ message }}
+</div>
 
-<div id="container"></div>
-
-<script language="javascript">
-    const container = document.querySelector('#container');
-    const data = [
-  { id: 1, name: 'Ted Right', address: '' },
-  { id: 2, name: 'Frank Honest', address: '' },
-  { id: 3, name: 'Joan Well', address: '' },
-  { id: 4, name: 'Gail Polite', address: '' },
-  { id: 5, name: 'Michael Fair', address: '' },
-];
-
-const hot = new Handsontable(container, {
-  data,
-  colHeaders: false,
-  height: 'auto',
-  width: 'auto',
-  minSpareRows: 1,
-  licenseKey: 'non-commercial-and-evaluation'
-});
-</script>
 {% endblock %}