Develop a vue3 application on btp

[mattxiang]

I want to build a VUE3 application on btp, can anyone provide an example of mta.yaml and package.json? Preferably a sample project,thanks!

I've deploy finished today, but i can't find the h5 application on BTP, is there anybody help us?

mta.yaml

_schema-version: "3.2"
ID: ariba-integration-web-test
version: 0.0.1
modules:
#  - name: ariba-integration-web-test-destination-content
#    type: com.sap.application.content
#    requires:
#      - name: ariba-integration-web-test-destination-service
#        parameters:
#          content-target: true
#      - name: ariba-integration-web-test_html_repo_host
#        parameters:
#          service-key:
#            name: ariba-integration-web-test_html_repo_host-key
#      - name: uaa_test
#        parameters:
#          service-key:
#            name: uaa_test-key
#    parameters:
#      content:
#        instance:
#          destinations:
##            - Name: ariba-integration-web-test_test_html_repo_host
##              ServiceInstanceName: test-html5-app-host-service
##              ServiceKeyName: test_html_repo_host-key
##              sap.cloud.service: ariba-integration-web-test
#            - Authentication: OAuth2UserTokenExchange
#              Name: ariba-integration-web-test_uaa_test
#              ServiceInstanceName: test-xsuaa-service
#              ServiceKeyName: uaa_test-key
#              sap.cloud.service: ariba-integration-web-test
#          existing_destinations_policy: ignore
#    build-parameters:
#      no-source: true
  - name: ariba-integration-web-test_ui_deployer
    type: com.sap.application.content
    path: .
    requires:
      - name: test-html5-app-host-service
        parameters:
          content-target: true
    build-parameters:
      build-result: resources
      requires:
        - artifacts:
            - ariba-integration-web-test.zip
          name: ariba-integration-web-test
          target-path: resources/
  - name: ariba-integration-web-test
    type: html5
    path: ./
    build-parameters:
      builder: custom
      commands:
#        - npm install
        - npm run build-btp
      supported-platforms: []
#  - name: ariba-integration-web-test_app-router
#    type: approuter.nodejs
#    path: approuter
#    parameters:
#      disk-quota: 256M
#      memory: 256M
#    requires:
#      - name: ariba-integration-web-test_html_repo_host
#      - name: ariba-integration-web-test_app-runtime
#      - name: ariba-integration-web-destination
#      - name: uaa_test
resources:
  - name: ariba-integration-web-test-destination-service
    type: org.cloudfoundry.managed-service
    parameters:
      config:
        HTML5Runtime_enabled: true
        version: 1.0.0
      service: destination
      service-name: ariba-integration-web-test-destination-service
      service-plan: lite
  - name: ariba-integration-web-test_html_repo_host
    type: org.cloudfoundry.managed-service
    parameters:
      service: html5-apps-repo
      service-name: ariba-integration-web-test-html5-app-host-service
      service-plan: app-host
  - name: ariba-integration-web-test_app-runtime
    parameters:
      service-plan: app-runtime
      service: html5-apps-repo
    type: org.cloudfoundry.managed-service
  - name: uaa_test
    type: org.cloudfoundry.managed-service
    parameters:
      path: ./xs-security.json
      service: xsuaa
      service-name: test-xsuaa-service
      service-plan: application
  - name: test-html5-app-host-service
    type: org.cloudfoundry.managed-service
    parameters:
      service: html5-apps-repo
      service-name: test-html5-app-host-service
      service-plan: app-host
  - name: ariba-integration-web-destination
    type: org.cloudfoundry.managed-service
    parameters:
      config:
        HTML5Runtime_enabled: true
        init_data:
          instance:
            destinations:
              - Authentication: NoAuthentication
                Name: ui5
                ProxyType: Internet
                Type: HTTP
                URL: https://ui5.sap.com
              - Authentication: NoAuthentication
                HTML5.ForwardAuthToken: true
                Name: SrvDest
                ProxyType: Internet
                Type: HTTP
                URL: http://124.223.52.62:8026
            existing_destinations_policy: update
        version: 1.0.0
      service: destination
      service-name: ariba-integration-web-destination
      service-plan: lite

 package.json

{
  "welcomeFile": "/index.html",
  "authenticationMethod": "route",
  "logout": {
    "logoutEndpoint": "/do/logout"
  },
  "routes": [
    {
      "source": "^/resources/(.*)$",
      "target": "/resources/$1",
      "authenticationType": "none",
      "destination": "ui5"
    },
    {
      "authenticationType": "none",
      "source": "^(.*)$",
      "target": "$1",
      "service": "html5-apps-repo-rt"
    }
  ]
}

xs-app.json

{
  "welcomeFile": "/index.html",
  "authenticationMethod": "route",
  "logout": {
    "logoutEndpoint": "/do/logout"
  },
  "routes": [
    {
      "source": "^/resources/(.*)$",
      "target": "/resources/$1",
      "authenticationType": "none",
      "destination": "ui5"
    },
    {
      "authenticationType": "none",
      "source": "^(.*)$",
      "target": "$1",
      "service": "html5-apps-repo-rt"
    }
  ]
}