chore(build): switch package manager from npm to yarn (#17)

.github/workflows/build.yml

@@ -53,8 +53,8 @@ jobs:
         with:
           node-version: "14"
 
-      - run: npm ci
+      - run: yarn install
         working-directory: web
 
-      - run: npx prettier --check 'src/**/*.{css,html,js,svelte}'
+      - run: yarn prettier --check 'src/**/*.{css,html,js,svelte}'
         working-directory: web

README.md

@@ -32,7 +32,7 @@ cd eth-faucet
 
 2. Bundle Frontend web with Vite
 ```bash
-npm run build
+go generate
 ```
 
 3. Build Go project 

package.json

@@ -1,5 +1,5 @@
 {
   "scripts": {
-    "build": "cd web && npm ci --production=false && npx vite build"
+    "build": "npm install -g yarn && cd web && yarn install && yarn vite build"
   }
 }

web/.gitignore

@@ -13,7 +13,7 @@ dist-ssr
 *.local
 
 # Editor directories and files
-.vscode/*
+.vscode/extensions.json
 !.vscode/extensions.json
 .idea
 .DS_Store

web/README.md

@@ -4,25 +4,25 @@ This is the Frontend of [eth-faucet](https://github.com/chainflag/eth-faucet) bu
 
 ## Get started
 
-*Note that you will need to have [Node.js](https://nodejs.org) installed.*
+*Note that you will need to have [Node.js](https://nodejs.org) and [Yarn](https://yarnpkg.com/) installed.*
 
 Install the dependencies...
 
 ```bash
 cd web
-npm install
+yarn install
 ```
 
 ...then start [vite](https://vitejs.dev/):
 
 ```bash
-npm run dev
+yarn run dev
 ```
 
 Navigate to [localhost:5173](http://localhost:5173). You should see your app running. Edit a component file in `src`, save it, and reload the page to see your changes.
 
 To create an optimised version of the app:
 
 ```bash
-npm run build
+yarn run build
 ```

web/jsconfig.json

@@ -19,7 +19,6 @@
     "esModuleInterop": true,
     "skipLibCheck": true,
     "forceConsistentCasingInFileNames": true,
-    "baseUrl": ".",
     /**
      * Typecheck JS in `.svelte` and `.js` files by default.
      * Disable this if you'd like to use dynamic types.
@@ -30,5 +29,9 @@
    * Use global.d.ts instead of compilerOptions.types
    * to avoid limiting type declarations.
    */
-  "include": ["src/**/*.d.ts", "src/**/*.js", "src/**/*.svelte"]
+  "include": [
+    "src/**/*.d.ts",
+    "src/**/*.js",
+    "src/**/*.svelte"
+  ]
 }