- add vue-facing-decorator (replace vue-class-component and vue-property-decorator)

- npm updates (stabele axios version) + adaption in axios config
- remove maps route from src/router/index.ts

src/components/HelloWorld/HelloWorld.ts

@@ -1,7 +1,7 @@
-import { Options, Vue } from "vue-class-component";
-import { Prop } from "vue-property-decorator";
+import { Component, Vue, Prop } from "vue-facing-decorator";
+// import { Prop } from "vue-property-decorator";
 
-@Options({
+@Component({
     name: "HelloWorld",
 })
 export default class HelloWorld extends Vue {

src/components/active-facet-category/ActiveFacetCategory.ts

@@ -1,16 +1,22 @@
-import { Options, Vue } from "vue-class-component";
-import { Prop, Emit } from "vue-property-decorator";
+import { Component, Vue, Prop, Emit } from "vue-facing-decorator";
+// import { Prop, Emit } from "vue-property-decorator";
 
-@Options({
+@Component({
     name: "ActiveFacetCategory",
 })
 export default class ActiveFacetCategory extends Vue {
     bar = "";
 
-    @Prop([Array])
+    // @Prop([Array])
+    @Prop({
+        type: Array<string>,
+    })
     filterItems!: string[];
 
-    @Prop([String])
+    // @Prop([String])
+    @Prop({
+        type: String,
+    })
     categoryName!: string;
 
     // @Prop([String])

src/components/face-category/FacetCategory.ts

@@ -1,9 +1,9 @@
 import { FacetItem } from "@/models/headers";
 // import { FilterItem } from "@/models/solr";
-import { Options, Vue } from "vue-class-component";
-import { Prop, Emit } from "vue-property-decorator";
+import { Component, Vue, Prop, Emit } from "vue-facing-decorator";
+// import { Prop, Emit } from "vue-property-decorator";
 
-@Options({
+@Component({
     name: "FacetCategory",
 })
 export default class FacetCategory extends Vue {
@@ -14,7 +14,10 @@ export default class FacetCategory extends Vue {
     @Prop()
     facetItems!: Array<FacetItem>;
 
-    @Prop([String])
+    // @Prop([String])
+    @Prop({
+        type: String,
+    })
     filterName!: string;
 
     get alias(): string {

src/components/map/map.component.ts

@@ -1,6 +1,6 @@
-import { Options, Vue } from "vue-class-component";
+import { Component, Vue, Prop } from "vue-facing-decorator";
 // import { Prop, Emit } from "vue-property-decorator";
-import { Prop } from "vue-property-decorator";
+// import { Prop } from "vue-property-decorator";
 import { LatLng, LatLngBounds, Map, MapOptions, Rectangle, tileLayer, TileLayer, CRS } from "leaflet";
 // import { LayerOptions } from "./map-options";
 // import DatasetService from "../../services/dataset.service";
@@ -11,7 +11,7 @@ const DEFAULT_BASE_LAYER_NAME = "BaseLayer";
 // const DEFAULT_BASE_LAYER_URL = "https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png";
 const DEFAULT_BASE_LAYER_ATTRIBUTION = '&copy; <a href="http://basemap.at" target="_blank">Basemap.at</a>, <a href="http://www.geologie.ac.at" target="_blank">Geologie.ac.at</a>';
 
-@Options({
+@Component({
     // selector: "app-map",
     // templateUrl: "map.component.html",
     name: "MapComponent",

src/components/simple-search/simple-search-component.ts

@@ -1,6 +1,6 @@
-import { Options, Vue } from "vue-class-component";
+import { Component, Vue } from "vue-facing-decorator";
 
-@Options({
+@Component({
     name: "SimpleSearchComponent",
 })
 export default class SimpleSearchComponent extends Vue {

src/components/vs-input/vs-input.ts

@@ -1,16 +1,15 @@
 // import Vue from "vue";
-// import { Component, Prop } from 'vue-property-decorator';
 // import debounce from 'lodash/debounce';
 // import { DatasetService } from "../../services/dataset.service";
 import DatasetService from "../../services/dataset.service";
 import { SolrSettings } from "@/models/solr";
 // import { ref } from "vue";
-import { Options, Vue } from "vue-class-component";
-import { Prop, Emit } from "vue-property-decorator";
+import { Component, Vue, Prop, Emit } from "vue-facing-decorator";
+// import { Prop, Emit } from "vue-property-decorator";
 import { Dataset, Suggestion, SearchType } from "@/models/dataset";
 import { SOLR_HOST, SOLR_CORE } from "@/constants";
 
-@Options({
+@Component({
     name: "VsInput",
 })
 export default class VsInput extends Vue {

src/components/vs-result/vs-result.ts

@@ -1,8 +1,8 @@
 import { Dataset } from "@/models/dataset";
-import { Options, Vue } from "vue-class-component";
-import { Prop } from "vue-property-decorator";
+import { Component, Vue, Prop } from "vue-facing-decorator";
+// import { Prop } from "vue-property-decorator";
 
-@Options({
+@Component({
     name: "VsResult",
 })
 export default class VsResult extends Vue {