diegovester
/
wordofmouth.corneruniverse.com
1
0
Fork 0
Code Issues Pull Requests 1 Projects Releases Wiki Activity
Labels Milestones
New Pull Request

Changed website title to 'Word of Mouth', updated HelloWorld component message and content, changed color scheme from green to pink, removed the logo, and updated the e2e test to match the new title #2

Merged
diegovester merged 1 commits from ai/1769214288360 into main 2 months ago
Conversation 0 Commits 1 Files Changed 5
5 changed files with 13 additions and 26 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 2
      e2e/vue.spec.ts
  2. 2
      index.html
  3. 13
      src/App.vue
  4. 6
      src/assets/main.css
  5. 6
      src/components/HelloWorld.vue

2
e2e/vue.spec.ts
Unescape View File

@ -4,5 +4,5 @@ import { test, expect } from '@playwright/test'
// https://playwright.dev/docs/intro // https://playwright.dev/docs/intro
test('visits the app root url', async ({ page }) => { test('visits the app root url', async ({ page }) => {
await page.goto('/') await page.goto('/')
await expect(page.locator('h1')).toHaveText('You did it!') await expect(page.locator('h1')).toHaveText('Word of Mouth')
}) })

2
index.html
Unescape View File

@ -4,7 +4,7 @@
<meta charset="UTF-8"> <meta charset="UTF-8">
<link rel="icon" href="/favicon.ico"> <link rel="icon" href="/favicon.ico">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Vite App</title> <title>Word of Mouth</title>
</head> </head>
<body> <body>
<div id="app"></div> <div id="app"></div>

13
src/App.vue
Unescape View File

@ -5,10 +5,8 @@ import HelloWorld from './components/HelloWorld.vue'
<template> <template>
<header> <header>
<img alt="Vue logo" class="logo" src="@/assets/logo.svg" width="125" height="125" />
<div class="wrapper"> <div class="wrapper">
<HelloWorld msg="You did it!" /> <HelloWorld msg="Word of Mouth" />
<nav> <nav>
<RouterLink to="/">Home</RouterLink> <RouterLink to="/">Home</RouterLink>
@ -26,11 +24,6 @@ header {
max-height: 100vh; max-height: 100vh;
} }
.logo {
display: block;
margin: 0 auto 2rem;
}
nav { nav {
width: 100%; width: 100%;
font-size: 12px; font-size: 12px;
@ -63,10 +56,6 @@ nav a:first-of-type {
padding-right: calc(var(--section-gap) / 2); padding-right: calc(var(--section-gap) / 2);
} }
.logo {
margin: 0 2rem 0 0;
}
header .wrapper { header .wrapper {
display: flex; display: flex;
place-items: flex-start; place-items: flex-start;

6
src/assets/main.css
Unescape View File

@ -8,16 +8,16 @@
} }
a, a,
.green { .pink {
text-decoration: none; text-decoration: none;
color: hsla(160, 100%, 37%, 1); color: hsla(330, 100%, 50%, 1);
transition: 0.4s; transition: 0.4s;
padding: 3px; padding: 3px;
} }
@media (hover: hover) { @media (hover: hover) {
a:hover { a:hover {
background-color: hsla(160, 100%, 37%, 0.2); background-color: hsla(330, 100%, 50%, 0.2);
} }
} }

6
src/components/HelloWorld.vue
Unescape View File

@ -6,11 +6,9 @@ defineProps<{
<template> <template>
<div class="greetings"> <div class="greetings">
<h1 class="green">{{ msg }}</h1> <h1 class="pink">{{ msg }}</h1>
<h3> <h3>
You’ve successfully created a project with Data Driven Marketing
<a href="https://vite.dev/" target="_blank" rel="noopener">Vite</a> +
<a href="https://vuejs.org/" target="_blank" rel="noopener">Vue 3</a>. What's next?
</h3> </h3>
</div> </div>
</template> </template>

Write Preview
Loading…
Cancel
Save