- datset-detail.component.vue: show project.label and not name

- only use one main Layout file App.vue, also doi dubdomain needs menu
- npm updates

package.json

@@ -46,7 +46,7 @@
     "prettier": "^2.2.1",
     "sass": "^1.26.5",
     "sass-loader": "^13.0.0",
-    "typescript": "^4.7.2",
+    "typescript": "^4.7.4",
     "webpack": "^5.72.1"
   }
 }

src/main.ts

@@ -1,6 +1,6 @@
 import { createApp } from "vue";
 import App from "./App.vue";
-import App2 from "./App2.vue";
+// import App2 from "./App2.vue";
 import "./assets/scss/main-styles.scss";
 // import FontAwesomeIcon from "@/utilities/fontawesome";
 import index from "./router/index";
@@ -11,16 +11,17 @@ import VueMatomo from "vue-matomo";
 const host = window.location.host;
 const parts = host.split(".");
 // const domainLength = 2; // route1.example.com => domain length = 3
-let router, app;
+let router;
 // let routes;
 if (parts[0] === "doi") {
     router = route1;
-    app = App2;
+    // app = App2;
 } else {
     // If you want to do something else just comment the line below
     router = index;
-    app = App;
+    // app = App;
 }
+const app = App;
 
 createApp(app)
     .use(VueMatomo, {

src/views/dataset-detail.component/dataset-detail.component.vue

@@ -223,7 +223,7 @@
                         <div class="column">
                             <h3 class="label uppercase">Projekt/Project</h3>
                             <p v-if="dataset.project != null">
-                                <span>{{ dataset.project.name }}</span>
+                                <span>{{ dataset.project.label }}</span>
                             </p>
                             <p v-else>-</p>
                         </div>