From 93e12fd5f60610d34f9f44e51f3c94fd064c1f20 Mon Sep 17 00:00:00 2001
From: CaptainAchilles <nicholas-achilles@hotmail.com>
Date: Thu, 10 Aug 2017 19:41:06 +1000
Subject: [PATCH 1/4] Added vue-shims

---
 template/src/index.d.ts | 4 ++++
 template/tsconfig.json  | 1 +
 2 files changed, 5 insertions(+)
 create mode 100644 template/src/index.d.ts

diff --git a/template/src/index.d.ts b/template/src/index.d.ts
new file mode 100644
index 0000000..d6e6b86
--- /dev/null
+++ b/template/src/index.d.ts
@@ -0,0 +1,4 @@
+declare module "*.vue" {
+    import Vue from "vue";
+    export default Vue;
+}
diff --git a/template/tsconfig.json b/template/tsconfig.json
index 31e6da8..6829fbb 100644
--- a/template/tsconfig.json
+++ b/template/tsconfig.json
@@ -9,6 +9,7 @@
         "moduleResolution": "node"
     },
     "files": [
+        "./src/index.d.ts",
 	    "./src/main.ts"
 	]
 }

From dc22049b5f475afad4520227030ddb9ee0fa9c14 Mon Sep 17 00:00:00 2001
From: CaptainAchilles <nicholas-achilles@hotmail.com>
Date: Thu, 10 Aug 2017 20:04:03 +1000
Subject: [PATCH 2/4] Escaped paramter for the template

---
 template/src/components/WinnerIsYou.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/template/src/components/WinnerIsYou.vue b/template/src/components/WinnerIsYou.vue
index d20df46..3c36a83 100644
--- a/template/src/components/WinnerIsYou.vue
+++ b/template/src/components/WinnerIsYou.vue
@@ -1,5 +1,5 @@
 <template>
-    <h1 class="winner" @click="doStuff" v-if="text">{{ text }}</h1>
+    <h1 class="winner" @click="doStuff" v-if="text">\{{ text }}</h1>
 </template>
 
 <style scoped>

From 4c03f999c27cac3fa1a053bfec17f97c50a486fa Mon Sep 17 00:00:00 2001
From: CaptainAchilles <nicholas-achilles@hotmail.com>
Date: Thu, 10 Aug 2017 20:18:16 +1000
Subject: [PATCH 3/4] Updated import

---
 template/src/App.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/template/src/App.vue b/template/src/App.vue
index 1ca30e3..fc8df01 100644
--- a/template/src/App.vue
+++ b/template/src/App.vue
@@ -10,8 +10,8 @@
 
 <script lang="ts">
 import Vue, { ComponentOptions } from "vue";
-import SideNav from "./components/SideNav";
-import WinnerIsYou from "./components/WinnerIsYou";
+import SideNav from "./components/SideNav.vue";
+import WinnerIsYou from "./components/WinnerIsYou.vue";
 
 interface IApp extends Vue {
 

From caccc312641d3c5a3892320ee2821b5f89a55d8f Mon Sep 17 00:00:00 2001
From: CaptainAchilles <nicholas-achilles@hotmail.com>
Date: Thu, 10 Aug 2017 20:29:42 +1000
Subject: [PATCH 4/4] Added a child to replace the root element with for test
 running

---
 template/test/unit/spec/SideNav.spec.ts     | 17 ++++++++++-------
 template/test/unit/spec/WinnerIsYou.spec.ts | 19 ++++++++++++-------
 2 files changed, 22 insertions(+), 14 deletions(-)

diff --git a/template/test/unit/spec/SideNav.spec.ts b/template/test/unit/spec/SideNav.spec.ts
index d674ccf..3b3be6d 100644
--- a/template/test/unit/spec/SideNav.spec.ts
+++ b/template/test/unit/spec/SideNav.spec.ts
@@ -16,22 +16,25 @@ describe("SideNav.vue", () => {
             main.id = "app";
             document.body.appendChild(main);
         }
+        const mountPoint = document.createElement("div");
+        mountPoint.id = "mountMe";
+        document.getElementById("app").appendChild(mountPoint);
     });
 
     it("Hides Links Intially", () => {
-        let vm = new SideNav().$mount("#app");
-        
+        let vm = new SideNav().$mount("#mountMe");
+
         // The only child is the "Toggle Links" item
         assert.equal(vm.$el.children.length, 1);
     });
 
     it("Shows links when clicked", (done) => {
-        let vm = new SideNav().$mount("#app");
-        
+        let vm = new SideNav().$mount("#mountMe");
+
         // The only child is the "Toggle Links" item
         assert.equal(vm.$el.children.length, 1);
         (vm.$el.children[0] as HTMLElement).click();
-        
+
         Vue.nextTick(() => {
             // There are 3 links + 1 toggle link item.
             assert.equal(vm.$el.children.length, 4);
@@ -41,7 +44,7 @@ describe("SideNav.vue", () => {
 
 
     it("Toggles links properly", (done) => {
-        let vm = new SideNav().$mount("#app");
+        let vm = new SideNav().$mount("#mountMe");
 
         // The only child is the "Toggle Links" item
         assert.equal(vm.$el.children.length, 1);
@@ -51,7 +54,7 @@ describe("SideNav.vue", () => {
             assert.equal(vm.$el.children.length, 4);
             (vm.$el.children[0] as HTMLElement).click();
 
-            Vue.nextTick(function() {
+            Vue.nextTick(() => {
                 // Clicking it again should hide all links
                 assert.equal(vm.$el.children.length, 1);
                 done();
diff --git a/template/test/unit/spec/WinnerIsYou.spec.ts b/template/test/unit/spec/WinnerIsYou.spec.ts
index 338679a..d772446 100644
--- a/template/test/unit/spec/WinnerIsYou.spec.ts
+++ b/template/test/unit/spec/WinnerIsYou.spec.ts
@@ -5,6 +5,7 @@ const assert = chai.assert;
 
 const WinnerIsYou = Vue.extend(WinnerIsYouComponent);
 
+
 describe("WinnerIsYou.vue", () => {
     beforeEach(() => {
         let main = document.getElementById("app");
@@ -15,17 +16,21 @@ describe("WinnerIsYou.vue", () => {
             main.id = "app";
             document.body.appendChild(main);
         }
+
+        const mountPoint = document.createElement("div");
+        mountPoint.id = "mountMe";
+        document.getElementById("app").appendChild(mountPoint);
     });
 
     it("Renders nothing when showText undefined", () => {
-        let vm = new WinnerIsYou().$mount("#app") as IWinnerIsYou;
-    
+        let vm = new WinnerIsYou().$mount("#mountMe") as IWinnerIsYou;
+
         assert.equal(vm.text, "");
         assert.equal(vm.$el.textContent, "");
     });
-    
+
     it("Updates correctly", (done) => {
-        let vm = new WinnerIsYou().$mount("#app") as IWinnerIsYou;
+        let vm = new WinnerIsYou().$mount("#mountMe") as IWinnerIsYou;
         assert.equal(vm.text, "");
         assert.equal(vm.$el.textContent, "");
         vm.showText = "This page is intentionally styled poorly";
@@ -38,9 +43,9 @@ describe("WinnerIsYou.vue", () => {
             done();
         });
     });
-    
+
     it("Captializes correctly", (done) => {
-        let vm = new WinnerIsYou().$mount("#app") as IWinnerIsYou;
+        let vm = new WinnerIsYou().$mount("#mountMe") as IWinnerIsYou;
         assert.equal(vm.text, "");
         assert.equal(vm.$el.textContent, "");
         vm.showText = "This page is intentionally styled poorly";
@@ -53,7 +58,7 @@ describe("WinnerIsYou.vue", () => {
             assert.equal(vm.$el.textContent,
                 "ALTERNATIVE TEXT".toUpperCase());
             vm.doStuff();
-            
+
             Vue.nextTick(() => {
                 assert.equal(vm.showAlternate, false);
                 assert.equal(vm.text, "This page is intentionally styled poorly".toUpperCase());

<!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN' 'http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd'>
<html xmlns='http://www.w3.org/1999/xhtml'>
<head>
<title>pFad - Phonifier reborn</title>
<meta http-equiv='Content-Type' content='text/html; charset=utf-8' />
</head>
<body>
<h1>Pfad - The Proxy pFad of &#169; 2024 Garber Painting. All rights reserved.</h1>


<!-- Disclaimer -->
<p>Note: This service is not intended for secure transactions such as banking, social media, email, or purchasing. Use at your own risk. We assume no liability whatsoever for broken pages.</p>
<br>
<p>Alternative Proxies:</p><p><a href="http://rainy.clevelandohioweatherforecast.com/php-proxy/index.php?q=https://github.com/CaptainAchilles/vue-typescript-webpack/compare/lint-fix...master.patch" target="_blank">Alternative Proxy</a></p><p><a href="http://rainy.clevelandohioweatherforecast.com/pFad/index.php?u=https://github.com/CaptainAchilles/vue-typescript-webpack/compare/lint-fix...master.patch" target="_blank">pFad Proxy</a></p><p><a href="http://rainy.clevelandohioweatherforecast.com/pFad/v3index.php?u=https://github.com/CaptainAchilles/vue-typescript-webpack/compare/lint-fix...master.patch" target="_blank">pFad v3 Proxy</a></p><p><a href="http://rainy.clevelandohioweatherforecast.com/pFad/v4index.php?u=https://github.com/CaptainAchilles/vue-typescript-webpack/compare/lint-fix...master.patch" target="_blank">pFad v4 Proxy</a></p></body>
</html>