From bbaee865a7f689cca037d2996e5ac54681873e4b Mon Sep 17 00:00:00 2001
From: Swaraj Pal <swarajpalsaaj@yahoo.co.in>
Date: Wed, 5 Oct 2022 04:17:23 +0530
Subject: [PATCH] Add appname to vue generated app

Fix #3804
---
 .../common/primary/homepage/Homepage.component.ts.mustache    | 2 +-
 .../webapp/app/common/primary/homepage/Homepage.html.mustache | 2 +-
 .../client/vue/core/domain/VueModulesFactoryTest.java         | 4 ++++
 3 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/main/resources/generator/client/vue/webapp/app/common/primary/homepage/Homepage.component.ts.mustache b/src/main/resources/generator/client/vue/webapp/app/common/primary/homepage/Homepage.component.ts.mustache
index ebbdc64b569..cabded72ac8 100644
--- a/src/main/resources/generator/client/vue/webapp/app/common/primary/homepage/Homepage.component.ts.mustache
+++ b/src/main/resources/generator/client/vue/webapp/app/common/primary/homepage/Homepage.component.ts.mustache
@@ -2,7 +2,7 @@ export default {
   name: 'Homepage',
   data: () => {
     return {
-      appName: 'jhipster',
+      appName: '{{baseName}}',
     };
   },
 };
diff --git a/src/main/resources/generator/client/vue/webapp/app/common/primary/homepage/Homepage.html.mustache b/src/main/resources/generator/client/vue/webapp/app/common/primary/homepage/Homepage.html.mustache
index f8f1fff87b7..bd4d968d1c5 100644
--- a/src/main/resources/generator/client/vue/webapp/app/common/primary/homepage/Homepage.html.mustache
+++ b/src/main/resources/generator/client/vue/webapp/app/common/primary/homepage/Homepage.html.mustache
@@ -2,7 +2,7 @@
   <img alt="Vue logo" src="/content/images/VueLogo.png" />
   <br />
   <img alt="JHipster logo" src="../../../../content/images/JHipster-Lite-neon-green.png" />
-  <h1>: Vue 3 + TypeScript + Vite</h1>
+  <h1>{{ appName }}: Vue 3 + TypeScript + Vite</h1>
   <p>
     Recommended IDE setup:
     <a href="https://code.visualstudio.com/" target="_blank" rel="noopener">VSCode</a>
diff --git a/src/test/java/tech/jhipster/lite/generator/client/vue/core/domain/VueModulesFactoryTest.java b/src/test/java/tech/jhipster/lite/generator/client/vue/core/domain/VueModulesFactoryTest.java
index a556696de01..d1ee8fb87f0 100644
--- a/src/test/java/tech/jhipster/lite/generator/client/vue/core/domain/VueModulesFactoryTest.java
+++ b/src/test/java/tech/jhipster/lite/generator/client/vue/core/domain/VueModulesFactoryTest.java
@@ -18,6 +18,7 @@ class VueModulesFactoryTest {
   void shouldCreateVueModule() {
     JHipsterModuleProperties properties = JHipsterModulesFixture
       .propertiesBuilder(TestFileUtils.tmpDirForTest())
+      .projectBaseName("jhiTest")
       .basePackage("com.jhipster.test")
       .build();
 
@@ -76,6 +77,9 @@ void shouldCreateVueModule() {
       .hasPrefixedFiles("src/main/webapp/content/images", "JHipster-Lite-neon-green.png", "VueLogo.png")
       .hasFiles("src/test/javascript/spec/common/primary/app/App.spec.ts")
       .hasPrefixedFiles("src/main/webapp/app/common/primary/homepage", "Homepage.component.ts", "Homepage.html","Homepage.vue", "index.ts")
+      .hasFile("src/main/webapp/app/common/primary/homepage/Homepage.component.ts")
+        .containing("appName: 'jhiTest'")
+        .and()
       .hasFiles("src/test/javascript/spec/common/primary/homepage/Homepage.spec.ts")
       .hasFiles("src/main/webapp/app/router/router.ts", "src/test/javascript/spec/router/Router.spec.ts")
       .hasFile("src/main/webapp/app/main.ts")