From ea5aa78492c060693620f4a9be157ecf86e4224b Mon Sep 17 00:00:00 2001
From: Robert <Puredbest3@gmail.com>
Date: Mon, 7 Jun 2021 15:46:21 +0100
Subject: [PATCH] Added ability to edit template locally "npm run template"

---
 Template/App.vue | 46 ++++++++++++++++++++++++++++++++++++++++++++++
 Template/main.js |  8 ++++++++
 package.json     |  3 ++-
 3 files changed, 56 insertions(+), 1 deletion(-)
 create mode 100644 Template/App.vue
 create mode 100644 Template/main.js

diff --git a/Template/App.vue b/Template/App.vue
new file mode 100644
index 0000000..4c95eaa
--- /dev/null
+++ b/Template/App.vue
@@ -0,0 +1,46 @@
+<template>
+    <div>
+        <iv-visualisation :title="projectName">
+            <div class="iv-welcome-message">
+                <!-- <img src='./assets/ImpVis-logo.png' alt="ImpVisLogo" height="50"/> -->
+                <h1> Welcome to Imperial Visualisations!</h1>
+                <p> Your project, {{projectName}} has succesfully been set up using the NodeJS template!</p>
+                <iv-hover-text></iv-hover-text>
+            </div>
+            
+
+            <template #hotspots>
+                <iv-pane position='left' format='overlay' opacity=1></iv-pane>
+
+                <iv-toggle-hotspot position='top' title='Toggle Hotspot' glass=true>
+                    I am in a toggle hotspot
+                </iv-toggle-hotspot>
+
+                <iv-fixed-hotspot position='topright'>
+                    I am in a fixed hotspot
+                </iv-fixed-hotspot>
+            </template>
+        </iv-visualisation>
+
+        
+    </div>
+</template>
+<script>
+import {name} from '../package.json';
+export default {
+    name:"App",
+    data(){
+        return {
+            projectName: name
+        }
+    }
+}
+</script>
+<style>
+.iv-welcome-message{
+    display:flex;
+    flex-direction: column;
+    align-items: center;
+    margin-top: 50px;
+}
+</style>
\ No newline at end of file
diff --git a/Template/main.js b/Template/main.js
new file mode 100644
index 0000000..93871f7
--- /dev/null
+++ b/Template/main.js
@@ -0,0 +1,8 @@
+import Vue from "vue";
+import ImpVisLib from "../src/main.js";
+import App from "./App.vue";
+Vue.use(ImpVisLib);
+Vue.config.productionTip= false;
+new Vue({
+    render:h=>h(App)
+}).$mount('#app');
\ No newline at end of file
diff --git a/package.json b/package.json
index 51937b5..65ca8bc 100644
--- a/package.json
+++ b/package.json
@@ -12,7 +12,8 @@
     "docs:dev": "vuepress dev docs",
     "docs:build": "vuepress build docs",
     "examples:tabs": "vue-cli-service serve ./Examples/Examples_Tabs.js",
-    "examples:dragdrop": "vue-cli-service serve ./Examples/SVGDragAndDrop.js"
+    "examples:dragdrop": "vue-cli-service serve ./Examples/SVGDragAndDrop.js",
+    "template": "vue-cli-service serve ./Template/main.js"
   },
   "dependencies": {
     "compare-versions": "^3.6.0",