No show for all joined fields on webpages of the entity section

Overview of the issue

For jhipster-release-8.0.0-beta.3, all joined fields, relationships, don't show up although the DB shows values of those fields.

Motivation for or Use Case

Reproduce the error

After generating a project (see the configuration for details), import the JDL of the default sample on https://start.jhipster.tech/jdl-studio/. After the app is up, edit an entry with a joined field, select an entry from the dropdown list, and save the edited result. The field is still blank on the UI. In its database table, the field isn't null, but an ID of another entry. This issue likely is only in the Vue front end.

Related issues

Suggest a Fix

JHipster Version(s)

jhipster-release-8.0.0-beta.3

JHipster configuration


{
  "generator-jhipster": {
    "applicationType": "monolith",
    "authenticationType": "jwt",
    "baseName": "sample",
    "buildTool": "gradle",
    "cacheProvider": "caffeine",
    "clientFramework": "vue",
    "clientTheme": "none",
    "creationTimestamp": 1696790399863,
    "databaseType": "sql",
    "devDatabaseType": "h2Memory",
    "devServerPort": 9060,
    "enableGradleEnterprise": null,
    "enableHibernateCache": false,
    "enableSwaggerCodegen": true,
    "enableTranslation": false,
    "entities": ["Department", "Country", "Region", "Location", "Task", "Job", "JobHistory", "Employee"],
    "gradleEnterpriseHost": null,
    "jhipsterVersion": "8.0.0-beta.3",
    "jwtSecretKey": "MWMyYjVhYWM5N2UxY2ViMzY0OTlhNmRhMzQ0N2I2M2M5YjNmZWFkYTRhYWYzOTlmN2Y1Zjg5MWM1YTE3YzVmOTAzMzYxZDY5YzlmZDg5OTA2YTk5NGViNzZiYjQxOGM4ZjAyZGU1MzE3M2YwYzM0MzJmNjVlOTBkOTIwYjQzZGM=",
    "lastLiquibaseTimestamp": 1696790879000,
    "messageBroker": false,
    "microfrontend": false,
    "microfrontends": [],
    "nativeLanguage": "en",
    "packageName": "com.mycompany.myapp",
    "prodDatabaseType": "postgresql",
    "reactive": false,
    "searchEngine": false,
    "serverPort": null,
    "serverSideOptions": ["websocket:spring-websocket", "enableSwaggerCodegen:true"],
    "serviceDiscoveryType": false,
    "skipClient": false,
    "testFrameworks": [],
    "websocket": "spring-websocket",
    "withAdminUi": true
  }
}

Entity configuration(s) `entityName.json` files generated in the `.jhipster` directory

Browsers and Operating System

[ ] Checking this box is mandatory (this is just to show you read everything)

jhipster / generator-jhipster