Phares-Birthday

components/Birthday.vue.css

@@ -14,7 +14,7 @@ button {
 }
 
 button {
-  background-color: blueviolet;
+  background-color: teal;
   border: 1px solid black;
   color: white;
   width: 50%;

components/Birthday.vue.html

@@ -8,7 +8,7 @@
         <input type="hidden" name="form-name" value="birthday" />
         <label for="name">Name</label>
         <input id="name" type="text" name="name" required />
-        <label for="birthday">birthday</label>
+        <label for="birthday">Birthday</label>
         <input id="birthday" type="date" name="birthday" required />
         <button type="submit">Submit</button>
     </form>

components/FeedbackForm.vue.css

@@ -14,7 +14,7 @@ button {
 }
 
 button {
-  background-color: teal;
+  background-color: darkgreen;
   border: 1px solid black;
   color: white;
   width: 50%;

nuxt.config.js

@@ -4,7 +4,7 @@ export default {
 
   // Global page headers: https://go.nuxtjs.dev/config-head
   head: {
-    title: 'nuxt-toolbox',
+    title: 'Phares-Birthday',
     htmlAttrs: {
       lang: 'en',
     },

package-lock.json

@@ -1,11 +1,11 @@
 {
-  "name": "nuxt-toolbox",
+  "name": "Phares-Birthday",
   "version": "1.0.0",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
-      "name": "nuxt-toolbox",
+      "name": "Phares-Birthday",
       "version": "1.0.0",
       "dependencies": {
         "core-js": "^3.19.3",

package.json

@@ -1,5 +1,5 @@
 {
-  "name": "nuxt-toolbox",
+  "name": "Phares-Birthday",
   "version": "1.0.0",
   "author": "Netlify Inc",
   "contributors": [
@@ -22,7 +22,9 @@
     "lint:prettier": "prettier --check .",
     "lint": "npm run lint:js && npm run lint:prettier",
     "lintfix": "prettier --write --list-different . && npm run lint:js -- --fix",
-    "dev:netlify": "netlify dev"
+    "dev:netlify": "netlify dev",
+    "deploy:netlify:dev": "netlify deploy --dev",
+    "deploy:netlify:prod": "netlify deploy --prod"
   },
   "dependencies": {
     "core-js": "^3.19.3",

pages/index.vue.html

@@ -1,11 +1,4 @@
 <main>
-  <div class="intro">
-    <h1>Phares</h1>
-    <p>
-      Hi 👋!
-    </p>
-  </div>
   <Birthday />
-  <FeedbackForm />
   <JokeBlock />
 </main>