diff --git a/seminar/templates/seminar/archiv/cislo.html b/seminar/templates/seminar/archiv/cislo.html
index 80905e00..fd37d16f 100644
--- a/seminar/templates/seminar/archiv/cislo.html
+++ b/seminar/templates/seminar/archiv/cislo.html
@@ -1,4 +1,5 @@
 {% extends "seminar/archiv/base.html" %}
+{% load render_bundle from webpack_loader %}
 
  {% block content %}
  <div>
@@ -48,6 +49,14 @@
       </div>
   {% endif %}
 
+  <script id="vuedata" type="application/json">{"treenode":{{cislo.cislonode.id}}}</script>
+  <div id="app">
+	  <app></app>
+  </div>
+  {% render_bundle 'chunk-vendors' %}
+  {% render_bundle 'vue_app_01' %}
+
+
   {% if cislo.verejna_vysledkovka %}
   <h2>Výsledkovka</h2>
 
diff --git a/vue_frontend/src/components/TreeNodeRoot.vue b/vue_frontend/src/components/TreeNodeRoot.vue
index e62a85b4..20cf47ac 100644
--- a/vue_frontend/src/components/TreeNodeRoot.vue
+++ b/vue_frontend/src/components/TreeNodeRoot.vue
@@ -31,10 +31,15 @@ export default {
 	}),
 	props:{
 		tnid: Number,
+		tnsource: String,
 		editorMode: Boolean,
 		debugMode: Boolean,
 	},
 	mounted: function() {
+		if (this.tnsource && this.tnsource=='inline'){
+			let data = JSON.parse(document.getElementById('vuedata').textContent);
+			this.tnid = data.treenode;
+		}
 		this.getArticles();
 		this.$root.$on('updateData',(arg) => {
 			console.log(arg);
diff --git a/vue_frontend/src/router/index.js b/vue_frontend/src/router/index.js
index 6578d459..aead18ba 100644
--- a/vue_frontend/src/router/index.js
+++ b/vue_frontend/src/router/index.js
@@ -22,7 +22,12 @@ export default new Router({
 		name: 'treenode_zadani',
 		props: {'tnid': 23},
 		component: TreeNodeRoot
-	},
+	}, {
+		path: '/cislo/:cislo',
+		name: 'treenode_cislo',
+		props: {'tnsource':'inline'},
+		component: TreeNodeRoot
+	}
 	]
 })