build: add a vscode devcontainer config

Author: Gandhi11

.devcontainer/devcontainer.json

@@ -0,0 +1,12 @@
+{
+	"name": "Node.js & TypeScript",
+	"image": "mcr.microsoft.com/devcontainers/typescript-node:1-22-bookworm",
+	"features": {
+		"ghcr.io/devcontainers/features/node:1": {},
+		"ghcr.io/devcontainers-extra/features/corepack:1": {}
+	},
+	
+	"postCreateCommand": "bash ./.devcontainer/postCreateCommand.sh",
+	
+	"remoteUser": "root"
+}

.devcontainer/postCreateCommand.sh

@@ -0,0 +1,2 @@
+corepack enable yarn
+corepack prepare yarn@4.7.0 --activate

README.md

@@ -1,33 +1,34 @@
 # Poketest 2022
 
-## Project setup
-```
-yarn install
-```
+## Requirements
+
+* VSCode Dev Container (Docker) -- ***Suggested***
+
 or
-```
-npm install
-```
+* node 18+ with yarn 4.7.0
+
+## Project setup
+### With VSCode Dev Container -- ***Suggested***
 
-### Start dev server
+* `cmd` + `shift` + `p`. Search for : `Dev Containers: Reopen in Container`
+    * This should open the workspace in a new window / container running proper requirements.
+    * `yarn install` should have be ran.  
+
+### With Manual approach
+ * Make sure you have the proper node and yarn requirement.
+ * run `yarn install`
+
+## Start dev server
 ```
 yarn dev
 ```
-or
-```
-npm run dev
-```
 
-### Compiles and minifies for production
+## Compiles and minifies for production
 ```
 yarn build
 ```
-or
-```
-npm run build
-```
 
-### Context
+## Context
 A client wants us to make an app that displays pokemons and allows a user to add one to its team but unfortunately some things are not working properly or are really, really, bad!
 
 That's where you come in! I choose you (!!!) to fix these issues and implement what you think is best for the client need.
@@ -45,5 +46,8 @@ Here is a ***sample*** list of things that needs doing but ultimately it's your
 
 ## Recommended IDE Setup
 
-- Node 18+
-- [VS Code](https://code.visualstudio.com/) + [Vue](https://marketplace.visualstudio.com/items?itemName=Vue.volar) + [Tailwind](https://marketplace.visualstudio.com/items?itemName=bradlc.vscode-tailwindcss)
+- [VS Code](https://code.visualstudio.com/)
+- [Vue](https://marketplace.visualstudio.com/items?itemName=Vue.volar)
+- [Tailwind](https://marketplace.visualstudio.com/items?itemName=bradlc.vscode-tailwindcss)
+
+These should be suggested directly when using VS Code.

vite.config.ts

@@ -7,5 +7,8 @@ export default defineConfig({
   plugins: [
     vue(),
     tailwindcss(),
-  ]
+  ],
+  server: {
+    host: '0.0.0.0'
+  }
 })