fixes typing issues

dbsystel · Oct 10, 2021 · c259e62 · c259e62
1 parent 4b8ce13
commit c259e62
Show file tree

Hide file tree

Showing 3 changed files with 16 additions and 12 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -21,7 +21,7 @@
     "vue": "2.6.14",
     "vue-class-component": "7.2.6",
     "vue-file-agent": "1.7.3",
-    "vue-frag": "1.1.5",
+    "vue-frag": "1.3.1",
     "vue-property-decorator": "9.1.2",
     "vue-router": "3.5.2",
     "vuetify": "2.5.9"

diff --git a/src/components/ReportUrlFetcher.vue b/src/components/ReportUrlFetcher.vue
@@ -1,5 +1,5 @@
 <template>
-  <div v-frag>
+  <fragment>
     <v-text-field
       v-model="url"
       label="Url"
@@ -70,14 +70,14 @@
     >
       Fetch
     </v-btn>
-  </div>
+  </fragment>
 </template>
 
 <script lang="ts">
 import Vue from "vue"
 import VueFileAgent from "vue-file-agent"
 import { Component } from "vue-property-decorator"
-import frag from "vue-frag"
+import { Fragment } from "vue-frag"
 // Define the props by using Vue's canonical way.
 const ReportUrlFetcherProps = Vue.extend({
   props: {
@@ -86,7 +86,7 @@ const ReportUrlFetcherProps = Vue.extend({
 })
 Vue.use(VueFileAgent)
 @Component({
-  directives: { frag },
+  components: { Fragment },
 })
 export default class ReportUrlFetcher extends ReportUrlFetcherProps {
   private url = ""