updated essential files in vue sample

Author: commit111

samples/vuejs/.devcontainer/Dockerfile

@@ -0,0 +1,12 @@
+# Note: universal image is not compatible with the devcontainer tools.
+#       we use the typescript-node image instead here but should switch out per 
+#       project requirements. You can choose a devcontainer that's appropriate 
+#       for your sample from the list below #REMOVE_ME_AFTER_EDITING
+
+# FROM mcr.microsoft.com/devcontainers/go:1.22-bookworm
+# FROM mcr.microsoft.com/devcontainers/python:3.12-bookworm
+# FROM mcr.microsoft.com/devcontainers/php:8.3-bookworm
+# FROM mcr.microsoft.com/devcontainers/ruby:3.2-bookworm
+# FROM mcr.microsoft.com/devcontainers/java:11-bookworm
+# FROM mcr.microsoft.com/devcontainers/rust:1-bookworm
+FROM mcr.microsoft.com/devcontainers/typescript-node:22-bookworm

samples/vuejs/.devcontainer/devcontainer.json

@@ -0,0 +1,10 @@
+{
+  "build": {
+    "dockerfile": "Dockerfile",
+    "context": ".."
+  },
+  "features": {
+    "ghcr.io/defanglabs/devcontainer-feature/defang-cli:1.0.4": {},
+    "ghcr.io/devcontainers/features/docker-in-docker:2": {}
+  }
+}

samples/vuejs/.github/workflows/deploy.yaml

@@ -0,0 +1,27 @@
+name: Deploy
+
+on:
+  push:
+    branches:
+      - main
+
+jobs:
+  deploy:
+    runs-on: ubuntu-latest
+    permissions:
+      contents: read
+      id-token: write
+
+    steps:
+    - name: Checkout Repo
+      uses: actions/checkout@v4
+
+    - name: Deploy
+      uses: DefangLabs/[email protected]
+      #REMOVE_ME_AFTER_EDITING - Replace the following line with the list of environment variables you want to pass to the action
+      # or remove the lines if you don't need to pass any environment variables/secrets to the action
+      with:
+        config-env-vars: ENV1 ENV2
+      env:
+        ENV1: ${{ secrets.ENV1 }}
+        ENV2: ${{ secrets.ENV2 }}

samples/vuejs/app/README.md

@@ -1,20 +1,22 @@
 # Vue.js
 
-[![1-click-deploy](https://defang.io/deploy-with-defang.png)](https://portal.defang.dev/)
+[![1-click-deploy](https://defang.io/deploy-with-defang.png)](https://portal.defang.dev/redirect?url=https%3A%2F%2Fgithub.com%2Fnew%3Ftemplate_name%3Dsample-vuejs-template%26template_owner%3DDefangSamples)
 
 This sample shows how to get a minimal Vue.js app up and running with Defang.
 
-## Essential Setup Files
+## Prerequisites
 
-1. A [Dockerfile](https://docs.docker.com/develop/develop-images/dockerfile_best-practices/) to describe the basic image of your applications.
-2. A [docker-compose file](https://docs.defang.io/docs/concepts/compose) to define and run multi-container Docker applications.
-3. A [.dockerignore](https://docs.docker.com/build/building/context/#dockerignore-files) file to comply with the size limit (10MB).
+1. Download [Defang CLI](https://github.com/DefangLabs/defang)
+2. (Optional) If you are using [Defang BYOC](https://docs.aws.amazon.com/cli/latest/userguide/cli-chap-configure.html) authenticated with your AWS account
+3. (Optional for local development) [Docker CLI](https://docs.docker.com/engine/install/)
 
-## Prerequisite
+## Development
 
-1. Download [Defang CLI](https://github.com/DefangLabs/defang)
-2. If you are using [Defang BYOC](https://docs.defang.io/docs/concepts/defang-byoc), make sure you have properly [authenticated your AWS account](https://docs.aws.amazon.com/cli/latest/userguide/cli-chap-configure.html)
-   Plus, make sure that you have properly set your environment variables like `AWS_PROFILE`, `AWS_REGION`, `AWS_ACCESS_KEY_ID`, and `AWS_SECRET_ACCESS_KEY`.
+To run the application locally, you can use the following command (make sure you've got `npm` and [Node.js](https://nodejs.org/en) installed):
+
+```bash
+npm run dev
+```
 
 ## Deploying