Shim doesn't seem to work; replace (vuejs/vetur#1187)

rossjrw · Jul 9, 2020 · 156228d · 156228d
1 parent 6e284a0
commit 156228d
Show file tree

Hide file tree

Showing 8 changed files with 92 additions and 47 deletions.
diff --git a/src/components/App.vue b/src/components/App.vue
@@ -1,58 +1,61 @@
 <template>
   <div id="app">
-  <body class="grey lighten-2">
-    <div class="container">
-      <div class="row" style="margin-bottom: 0;">
-
-        <div class="col P12 L6"> <!-- this is the scrolly column on the left -->
-          <Title></Title>
-
-          <!-- START INPUT CARD -->
-          <TextInput></TextInput>
-          <!-- END INPUT CARD -->
-
-          <display-svg class="hide-on-landscape"></display-svg>
-          <downloads class="hide-on-landscape"></downloads>
-
-          <!-- START OPTIONS CARD -->
-          <Options></Options>
-          <!-- END OPTIONS CARD -->
-
-          <!-- START donate nagger -->
-          <Footer></Footer>
-          <!-- END donate nagger -->
-
-        </div>
-
-        <div class="col P12 L6 hide-on-portrait valign-wrapper" style="height: 100vh;">
-        <div class="targset" style="width: 35%; position: fixed;">
-          <!-- START IMAGE CARD -->
-          <RenderedImage></RenderedImage>
-          <!-- END IMAGE CARD -->
-
-          <!-- START DOWNLOAD CARD -->
-          <Downloads></Downloads>
-          <!-- END DOWNLOAD CARD -->
-        </div>
+    <GithubCorner></GithubCorner>
+    <body class="grey lighten-2">
+      <div class="container">
+        <div class="row" style="margin-bottom: 0;">
+
+          <div class="col P12 L6"> <!-- this is the scrolly column on the left -->
+            <Title></Title>
+
+            <!-- START INPUT CARD -->
+            <TextInput></TextInput>
+            <!-- END INPUT CARD -->
+
+            <display-svg class="hide-on-landscape"></display-svg>
+            <downloads class="hide-on-landscape"></downloads>
+
+            <!-- START OPTIONS CARD -->
+            <Options></Options>
+            <!-- END OPTIONS CARD -->
+
+            <!-- START donate nagger -->
+            <Footer></Footer>
+            <!-- END donate nagger -->
+
+          </div>
+
+          <div class="col P12 L6 hide-on-portrait valign-wrapper" style="height: 100vh;">
+            <div class="targset" style="width: 35%; position: fixed;">
+              <!-- START IMAGE CARD -->
+              <RenderedImage></RenderedImage>
+              <!-- END IMAGE CARD -->
+
+              <!-- START DOWNLOAD CARD -->
+              <Downloads></Downloads>
+              <!-- END DOWNLOAD CARD -->
+            </div>
+          </div>
         </div>
       </div>
-    </div>
-  </body>
+    </body>
   </div>
 </template>
 
 <script lang="ts">
-import Corner from '@/components/Corner.vue'
-import Header from '@/components/Header.vue'
-import InputOutput from '@/components/IO.vue'
-import Ruleset from '@/components/Ruleset.vue'
-import SaveRules from '@/components/SaveRules.vue'
-import Footer from '@/components/Footer.vue'
-
-export default {
+import Vue from "vue"
+import Downloads from '@/components/Downloads.vue'
+import GithubCorner from '@/components/GithubCorner.vue'
+import Options from '@/components/Options.vue'
+import RenderedImage from '@/components/RenderedImage.vue'
+import TextInput from '@/components/TextInput.vue'
+import Title from '@/components/Title.vue'
+
+
+export default Vue.extend({
   name: "App",
   components: {
-    Corner, Footer, Header, InputOutput, Ruleset, SaveRules
+    Downloads, GithubCorner, Options, RenderedImage, TextInput, Title
   },
-}
+})
 </script>
diff --git a/src/components/Downloads.vue b/src/components/Downloads.vue
@@ -21,3 +21,9 @@
     </div>
   </div>
 </template>
+
+<script lang="ts">
+import Vue from "vue"
+
+export default Vue.extend({})
+</script>
diff --git a/src/components/Footer.vue b/src/components/Footer.vue
@@ -6,3 +6,9 @@
     </div>
   </footer>
 </template>
+
+<script lang="ts">
+import Vue from "vue"
+
+export default Vue.extend({})
+</script>
diff --git a/src/components/GithubCorner.vue b/src/components/GithubCorner.vue
@@ -1,6 +1,6 @@
 <!-- http://tholman.com/github-corners/ -->
 <template>
-  <a href="https://github.com/rossjrw/series-replace"
+  <a href="https://github.com/rossjrw/gallifreyo"
      target="_blank"
      class="github-corner"
      aria-label="View source on GitHub">
@@ -46,3 +46,9 @@
   }
 }
 </style>
+
+<script lang="ts">
+import Vue from "vue"
+
+export default Vue.extend({})
+</script>
diff --git a/src/components/Options.vue b/src/components/Options.vue
@@ -307,3 +307,9 @@
     </ul>
   </div>
 </template>
+
+<script lang="ts">
+import Vue from "vue"
+
+export default Vue.extend({})
+</script>
diff --git a/src/components/RenderedImage.vue b/src/components/RenderedImage.vue
@@ -31,3 +31,9 @@
     </svg>
   </div>
 </template>
+
+<script lang="ts">
+import Vue from "vue"
+
+export default Vue.extend({})
+</script>
diff --git a/src/components/TextInput.vue b/src/components/TextInput.vue
@@ -20,3 +20,9 @@
     </div>
   </div>
 </template>
+
+<script lang="ts">
+import Vue from "vue"
+
+export default Vue.extend({})
+</script>
diff --git a/src/components/Title.vue b/src/components/Title.vue
@@ -9,3 +9,9 @@
     </svg>
   </div>
 </template>
+
+<script lang="ts">
+import Vue from "vue"
+
+export default Vue.extend({})
+</script>