"scripts": {
"dev": "vite",
"build": "vite build",
- "preserve": "vite build",
- "serve": "vite preview --port 5050"
+ "preview": "vite preview --port 5050"
},
"dependencies": {
"vue": "^3.2.22"
<script setup>
import HelloWorld from './components/HelloWorld.vue'
-import Welcome from './components/Welcome.vue'
+import TheWelcome from './components/TheWelcome.vue'
</script>
<template>
</header>
<main>
- <Welcome />
+ <TheWelcome />
</main>
</template>
### Run End-to-End Tests with [Cypress](https://www.cypress.io/)
```sh
+pnpm build
pnpm test:e2e # or `pnpm test:e2e:ci` for headless testing
```
"scripts": {
"dev": "vite",
"build": "vite build",
- "preserve": "vite build",
- "serve": "vite preview --port 5050",
+ "preview": "vite preview --port 5050",
"test:unit": "cypress open-ct",
"test:unit:ci": "cypress run-ct --quiet --reporter spec",
- "test:e2e": "start-server-and-test serve 5050 'cypress open'",
- "test:e2e:ci": "start-server-and-test serve 5050 'cypress run'"
+ "test:e2e": "start-server-and-test preview 5050 'cypress open'",
+ "test:e2e:ci": "start-server-and-test preview 5050 'cypress run'"
},
"dependencies": {
"vue": "^3.2.22",
import { createRouter, createWebHistory } from 'vue-router'
-import Home from '../views/Home.vue'
+import HomeView from '../views/HomeView.vue'
const router = createRouter({
history: createWebHistory(import.meta.env.BASE_URL),
routes: [
{
path: '/',
- name: 'Home',
- component: Home
+ name: 'home',
+ component: HomeView
},
{
path: '/about',
- name: 'About',
+ name: 'about',
// route level code-splitting
// this generates a separate chunk (About.[hash].js) for this route
// which is lazy-loaded when the route is visited.
- component: () => import('../views/About.vue')
+ component: () => import('../views/AboutView.vue')
}
]
})
<script setup lang="ts">
-import Welcome from '@/components/Welcome.vue'
+import TheWelcome from '@/components/TheWelcome.vue'
</script>
<template>
<main>
- <Welcome />
+ <TheWelcome />
</main>
</template>
"scripts": {
"dev": "vite",
"build": "vite build",
- "preserve": "vite build",
- "serve": "vite preview --port 5050"
+ "preview": "vite preview --port 5050"
},
"dependencies": {
"vue": "^3.2.22",
import { createRouter, createWebHistory } from 'vue-router'
-import Home from '../views/Home.vue'
+import HomeView from '../views/HomeView.vue'
const router = createRouter({
history: createWebHistory(import.meta.env.BASE_URL),
routes: [
{
path: '/',
- name: 'Home',
- component: Home
+ name: 'home',
+ component: HomeView
},
{
path: '/about',
- name: 'About',
+ name: 'about',
// route level code-splitting
// this generates a separate chunk (About.[hash].js) for this route
// which is lazy-loaded when the route is visited.
- component: () => import('../views/About.vue')
+ component: () => import('../views/AboutView.vue')
}
]
})
<script setup lang="ts">
-import Welcome from '@/components/Welcome.vue'
+import TheWelcome from '@/components/TheWelcome.vue'
</script>
<template>
<main>
- <Welcome />
+ <TheWelcome />
</main>
</template>
### Run End-to-End Tests with [Cypress](https://www.cypress.io/)
```sh
+pnpm build
pnpm test:e2e # or `pnpm test:e2e:ci` for headless testing
```
"scripts": {
"dev": "vite",
"build": "vite build",
- "preserve": "vite build",
- "serve": "vite preview --port 5050",
+ "preview": "vite preview --port 5050",
"test:unit": "cypress open-ct",
"test:unit:ci": "cypress run-ct --quiet --reporter spec",
- "test:e2e": "start-server-and-test serve 5050 'cypress open'",
- "test:e2e:ci": "start-server-and-test serve 5050 'cypress run'"
+ "test:e2e": "start-server-and-test preview 5050 'cypress open'",
+ "test:e2e:ci": "start-server-and-test preview 5050 'cypress run'"
},
"dependencies": {
"vue": "^3.2.22",
import { createRouter, createWebHistory } from 'vue-router'
-import Home from '../views/Home.vue'
+import HomeView from '../views/HomeView.vue'
const router = createRouter({
history: createWebHistory(import.meta.env.BASE_URL),
routes: [
{
path: '/',
- name: 'Home',
- component: Home
+ name: 'home',
+ component: HomeView
},
{
path: '/about',
- name: 'About',
+ name: 'about',
// route level code-splitting
// this generates a separate chunk (About.[hash].js) for this route
// which is lazy-loaded when the route is visited.
- component: () => import('../views/About.vue')
+ component: () => import('../views/AboutView.vue')
}
]
})
<script setup lang="ts">
-import Welcome from '@/components/Welcome.vue'
+import TheWelcome from '@/components/TheWelcome.vue'
</script>
<template>
<main>
- <Welcome />
+ <TheWelcome />
</main>
</template>
"scripts": {
"dev": "vite",
"build": "vite build",
- "preserve": "vite build",
- "serve": "vite preview --port 5050"
+ "preview": "vite preview --port 5050"
},
"dependencies": {
"vue": "^3.2.22",
import { createRouter, createWebHistory } from 'vue-router'
-import Home from '../views/Home.vue'
+import HomeView from '../views/HomeView.vue'
const router = createRouter({
history: createWebHistory(import.meta.env.BASE_URL),
routes: [
{
path: '/',
- name: 'Home',
- component: Home
+ name: 'home',
+ component: HomeView
},
{
path: '/about',
- name: 'About',
+ name: 'about',
// route level code-splitting
// this generates a separate chunk (About.[hash].js) for this route
// which is lazy-loaded when the route is visited.
- component: () => import('../views/About.vue')
+ component: () => import('../views/AboutView.vue')
}
]
})
<script setup lang="ts">
-import Welcome from '@/components/Welcome.vue'
+import TheWelcome from '@/components/TheWelcome.vue'
</script>
<template>
<main>
- <Welcome />
+ <TheWelcome />
</main>
</template>
### Run End-to-End Tests with [Cypress](https://www.cypress.io/)
```sh
+pnpm build
pnpm test:e2e # or `pnpm test:e2e:ci` for headless testing
```
"scripts": {
"dev": "vite",
"build": "vite build",
- "preserve": "vite build",
- "serve": "vite preview --port 5050",
+ "preview": "vite preview --port 5050",
"test:unit": "cypress open-ct",
"test:unit:ci": "cypress run-ct --quiet --reporter spec",
- "test:e2e": "start-server-and-test serve 5050 'cypress open'",
- "test:e2e:ci": "start-server-and-test serve 5050 'cypress run'"
+ "test:e2e": "start-server-and-test preview 5050 'cypress open'",
+ "test:e2e:ci": "start-server-and-test preview 5050 'cypress run'"
},
"dependencies": {
"vue": "^3.2.22",
<script setup>
import HelloWorld from './components/HelloWorld.vue'
-import Welcome from './components/Welcome.vue'
+import TheWelcome from './components/TheWelcome.vue'
</script>
<template>
</header>
<main>
- <Welcome />
+ <TheWelcome />
</main>
</template>
"scripts": {
"dev": "vite",
"build": "vite build",
- "preserve": "vite build",
- "serve": "vite preview --port 5050"
+ "preview": "vite preview --port 5050"
},
"dependencies": {
"vue": "^3.2.22",
<script setup>
import HelloWorld from './components/HelloWorld.vue'
-import Welcome from './components/Welcome.vue'
+import TheWelcome from './components/TheWelcome.vue'
</script>
<template>
</header>
<main>
- <Welcome />
+ <TheWelcome />
</main>
</template>
### Run End-to-End Tests with [Cypress](https://www.cypress.io/)
```sh
+pnpm build
pnpm test:e2e # or `pnpm test:e2e:ci` for headless testing
```
"scripts": {
"dev": "vite",
"build": "vite build",
- "preserve": "vite build",
- "serve": "vite preview --port 5050",
+ "preview": "vite preview --port 5050",
"test:unit": "cypress open-ct",
"test:unit:ci": "cypress run-ct --quiet --reporter spec",
- "test:e2e": "start-server-and-test serve 5050 'cypress open'",
- "test:e2e:ci": "start-server-and-test serve 5050 'cypress run'"
+ "test:e2e": "start-server-and-test preview 5050 'cypress open'",
+ "test:e2e:ci": "start-server-and-test preview 5050 'cypress run'"
},
"dependencies": {
"vue": "^3.2.22"
<script setup>
import HelloWorld from './components/HelloWorld.vue'
-import Welcome from './components/Welcome.vue'
+import TheWelcome from './components/TheWelcome.vue'
</script>
<template>
</header>
<main>
- <Welcome />
+ <TheWelcome />
</main>
</template>
"scripts": {
"dev": "vite",
"build": "vite build",
- "preserve": "vite build",
- "serve": "vite preview --port 5050"
+ "preview": "vite preview --port 5050"
},
"dependencies": {
"vue": "^3.2.22"
<script setup>
import HelloWorld from './components/HelloWorld.vue'
-import Welcome from './components/Welcome.vue'
+import TheWelcome from './components/TheWelcome.vue'
</script>
<template>
</header>
<main>
- <Welcome />
+ <TheWelcome />
</main>
</template>
### Run End-to-End Tests with [Cypress](https://www.cypress.io/)
```sh
+pnpm build
pnpm test:e2e # or `pnpm test:e2e:ci` for headless testing
```
"scripts": {
"dev": "vite",
"build": "vite build",
- "preserve": "vite build",
- "serve": "vite preview --port 5050",
+ "preview": "vite preview --port 5050",
"test:unit": "cypress open-ct",
"test:unit:ci": "cypress run-ct --quiet --reporter spec",
- "test:e2e": "start-server-and-test serve 5050 'cypress open'",
- "test:e2e:ci": "start-server-and-test serve 5050 'cypress run'"
+ "test:e2e": "start-server-and-test preview 5050 'cypress open'",
+ "test:e2e:ci": "start-server-and-test preview 5050 'cypress run'"
},
"dependencies": {
"vue": "^3.2.22",
import { createRouter, createWebHistory } from 'vue-router'
-import Home from '../views/Home.vue'
+import HomeView from '../views/HomeView.vue'
const router = createRouter({
history: createWebHistory(import.meta.env.BASE_URL),
routes: [
{
path: '/',
- name: 'Home',
- component: Home
+ name: 'home',
+ component: HomeView
},
{
path: '/about',
- name: 'About',
+ name: 'about',
// route level code-splitting
// this generates a separate chunk (About.[hash].js) for this route
// which is lazy-loaded when the route is visited.
- component: () => import('../views/About.vue')
+ component: () => import('../views/AboutView.vue')
}
]
})
+++ /dev/null
-<script setup lang="ts">
-import Welcome from '@/components/Welcome.vue'
-</script>
-
-<template>
- <main>
- <Welcome />
- </main>
-</template>
--- /dev/null
+<script setup lang="ts">
+import TheWelcome from '@/components/TheWelcome.vue'
+</script>
+
+<template>
+ <main>
+ <TheWelcome />
+ </main>
+</template>
"scripts": {
"dev": "vite",
"build": "vite build",
- "preserve": "vite build",
- "serve": "vite preview --port 5050"
+ "preview": "vite preview --port 5050"
},
"dependencies": {
"vue": "^3.2.22",
import { createRouter, createWebHistory } from 'vue-router'
-import Home from '../views/Home.vue'
+import HomeView from '../views/HomeView.vue'
const router = createRouter({
history: createWebHistory(import.meta.env.BASE_URL),
routes: [
{
path: '/',
- name: 'Home',
- component: Home
+ name: 'home',
+ component: HomeView
},
{
path: '/about',
- name: 'About',
+ name: 'about',
// route level code-splitting
// this generates a separate chunk (About.[hash].js) for this route
// which is lazy-loaded when the route is visited.
- component: () => import('../views/About.vue')
+ component: () => import('../views/AboutView.vue')
}
]
})
+++ /dev/null
-<script setup lang="ts">
-import Welcome from '@/components/Welcome.vue'
-</script>
-
-<template>
- <main>
- <Welcome />
- </main>
-</template>
--- /dev/null
+<script setup lang="ts">
+import TheWelcome from '@/components/TheWelcome.vue'
+</script>
+
+<template>
+ <main>
+ <TheWelcome />
+ </main>
+</template>
### Run End-to-End Tests with [Cypress](https://www.cypress.io/)
```sh
+pnpm build
pnpm test:e2e # or `pnpm test:e2e:ci` for headless testing
```
"scripts": {
"dev": "vite",
"build": "vite build",
- "preserve": "vite build",
- "serve": "vite preview --port 5050",
+ "preview": "vite preview --port 5050",
"test:unit": "cypress open-ct",
"test:unit:ci": "cypress run-ct --quiet --reporter spec",
- "test:e2e": "start-server-and-test serve 5050 'cypress open'",
- "test:e2e:ci": "start-server-and-test serve 5050 'cypress run'"
+ "test:e2e": "start-server-and-test preview 5050 'cypress open'",
+ "test:e2e:ci": "start-server-and-test preview 5050 'cypress run'"
},
"dependencies": {
"vue": "^3.2.22",
import { createRouter, createWebHistory } from 'vue-router'
-import Home from '../views/Home.vue'
+import HomeView from '../views/HomeView.vue'
const router = createRouter({
history: createWebHistory(import.meta.env.BASE_URL),
routes: [
{
path: '/',
- name: 'Home',
- component: Home
+ name: 'home',
+ component: HomeView
},
{
path: '/about',
- name: 'About',
+ name: 'about',
// route level code-splitting
// this generates a separate chunk (About.[hash].js) for this route
// which is lazy-loaded when the route is visited.
- component: () => import('../views/About.vue')
+ component: () => import('../views/AboutView.vue')
}
]
})
+++ /dev/null
-<script setup lang="ts">
-import Welcome from '@/components/Welcome.vue'
-</script>
-
-<template>
- <main>
- <Welcome />
- </main>
-</template>
--- /dev/null
+<script setup lang="ts">
+import TheWelcome from '@/components/TheWelcome.vue'
+</script>
+
+<template>
+ <main>
+ <TheWelcome />
+ </main>
+</template>
"scripts": {
"dev": "vite",
"build": "vite build",
- "preserve": "vite build",
- "serve": "vite preview --port 5050"
+ "preview": "vite preview --port 5050"
},
"dependencies": {
"vue": "^3.2.22",
import { createRouter, createWebHistory } from 'vue-router'
-import Home from '../views/Home.vue'
+import HomeView from '../views/HomeView.vue'
const router = createRouter({
history: createWebHistory(import.meta.env.BASE_URL),
routes: [
{
path: '/',
- name: 'Home',
- component: Home
+ name: 'home',
+ component: HomeView
},
{
path: '/about',
- name: 'About',
+ name: 'about',
// route level code-splitting
// this generates a separate chunk (About.[hash].js) for this route
// which is lazy-loaded when the route is visited.
- component: () => import('../views/About.vue')
+ component: () => import('../views/AboutView.vue')
}
]
})
+++ /dev/null
-<script setup lang="ts">
-import Welcome from '@/components/Welcome.vue'
-</script>
-
-<template>
- <main>
- <Welcome />
- </main>
-</template>
--- /dev/null
+<script setup lang="ts">
+import TheWelcome from '@/components/TheWelcome.vue'
+</script>
+
+<template>
+ <main>
+ <TheWelcome />
+ </main>
+</template>
### Run End-to-End Tests with [Cypress](https://www.cypress.io/)
```sh
+pnpm build
pnpm test:e2e # or `pnpm test:e2e:ci` for headless testing
```
"scripts": {
"dev": "vite",
"build": "vue-tsc --noEmit && vite build",
- "preserve": "vite build",
- "serve": "vite preview --port 5050",
+ "preview": "vite preview --port 5050",
"test:unit": "cypress open-ct",
"test:unit:ci": "cypress run-ct --quiet --reporter spec",
- "test:e2e": "start-server-and-test serve 5050 'cypress open'",
- "test:e2e:ci": "start-server-and-test serve 5050 'cypress run'",
+ "test:e2e": "start-server-and-test preview 5050 'cypress open'",
+ "test:e2e:ci": "start-server-and-test preview 5050 'cypress run'",
"typecheck": "vue-tsc --noEmit"
},
"dependencies": {
import { createRouter, createWebHistory } from 'vue-router'
-import Home from '../views/Home.vue'
+import HomeView from '../views/HomeView.vue'
const router = createRouter({
history: createWebHistory(import.meta.env.BASE_URL),
routes: [
{
path: '/',
- name: 'Home',
- component: Home
+ name: 'home',
+ component: HomeView
},
{
path: '/about',
- name: 'About',
+ name: 'about',
// route level code-splitting
// this generates a separate chunk (About.[hash].js) for this route
// which is lazy-loaded when the route is visited.
- component: () => import('../views/About.vue')
+ component: () => import('../views/AboutView.vue')
}
]
})
+++ /dev/null
-<script setup lang="ts">
-import Welcome from '@/components/Welcome.vue'
-</script>
-
-<template>
- <main>
- <Welcome />
- </main>
-</template>
--- /dev/null
+<script setup lang="ts">
+import TheWelcome from '@/components/TheWelcome.vue'
+</script>
+
+<template>
+ <main>
+ <TheWelcome />
+ </main>
+</template>
"scripts": {
"dev": "vite",
"build": "vue-tsc --noEmit && vite build",
- "preserve": "vite build",
- "serve": "vite preview --port 5050",
+ "preview": "vite preview --port 5050",
"typecheck": "vue-tsc --noEmit"
},
"dependencies": {
import { createRouter, createWebHistory } from 'vue-router'
-import Home from '../views/Home.vue'
+import HomeView from '../views/HomeView.vue'
const router = createRouter({
history: createWebHistory(import.meta.env.BASE_URL),
routes: [
{
path: '/',
- name: 'Home',
- component: Home
+ name: 'home',
+ component: HomeView
},
{
path: '/about',
- name: 'About',
+ name: 'about',
// route level code-splitting
// this generates a separate chunk (About.[hash].js) for this route
// which is lazy-loaded when the route is visited.
- component: () => import('../views/About.vue')
+ component: () => import('../views/AboutView.vue')
}
]
})
+++ /dev/null
-<script setup lang="ts">
-import Welcome from '@/components/Welcome.vue'
-</script>
-
-<template>
- <main>
- <Welcome />
- </main>
-</template>
--- /dev/null
+<script setup lang="ts">
+import TheWelcome from '@/components/TheWelcome.vue'
+</script>
+
+<template>
+ <main>
+ <TheWelcome />
+ </main>
+</template>
### Run End-to-End Tests with [Cypress](https://www.cypress.io/)
```sh
+pnpm build
pnpm test:e2e # or `pnpm test:e2e:ci` for headless testing
```
"scripts": {
"dev": "vite",
"build": "vue-tsc --noEmit && vite build",
- "preserve": "vite build",
- "serve": "vite preview --port 5050",
+ "preview": "vite preview --port 5050",
"test:unit": "cypress open-ct",
"test:unit:ci": "cypress run-ct --quiet --reporter spec",
- "test:e2e": "start-server-and-test serve 5050 'cypress open'",
- "test:e2e:ci": "start-server-and-test serve 5050 'cypress run'",
+ "test:e2e": "start-server-and-test preview 5050 'cypress open'",
+ "test:e2e:ci": "start-server-and-test preview 5050 'cypress run'",
"typecheck": "vue-tsc --noEmit"
},
"dependencies": {
import { createRouter, createWebHistory } from 'vue-router'
-import Home from '../views/Home.vue'
+import HomeView from '../views/HomeView.vue'
const router = createRouter({
history: createWebHistory(import.meta.env.BASE_URL),
routes: [
{
path: '/',
- name: 'Home',
- component: Home
+ name: 'home',
+ component: HomeView
},
{
path: '/about',
- name: 'About',
+ name: 'about',
// route level code-splitting
// this generates a separate chunk (About.[hash].js) for this route
// which is lazy-loaded when the route is visited.
- component: () => import('../views/About.vue')
+ component: () => import('../views/AboutView.vue')
}
]
})
+++ /dev/null
-<script setup lang="ts">
-import Welcome from '@/components/Welcome.vue'
-</script>
-
-<template>
- <main>
- <Welcome />
- </main>
-</template>
--- /dev/null
+<script setup lang="ts">
+import TheWelcome from '@/components/TheWelcome.vue'
+</script>
+
+<template>
+ <main>
+ <TheWelcome />
+ </main>
+</template>
"scripts": {
"dev": "vite",
"build": "vue-tsc --noEmit && vite build",
- "preserve": "vite build",
- "serve": "vite preview --port 5050",
+ "preview": "vite preview --port 5050",
"typecheck": "vue-tsc --noEmit"
},
"dependencies": {
import { createRouter, createWebHistory } from 'vue-router'
-import Home from '../views/Home.vue'
+import HomeView from '../views/HomeView.vue'
const router = createRouter({
history: createWebHistory(import.meta.env.BASE_URL),
routes: [
{
path: '/',
- name: 'Home',
- component: Home
+ name: 'home',
+ component: HomeView
},
{
path: '/about',
- name: 'About',
+ name: 'about',
// route level code-splitting
// this generates a separate chunk (About.[hash].js) for this route
// which is lazy-loaded when the route is visited.
- component: () => import('../views/About.vue')
+ component: () => import('../views/AboutView.vue')
}
]
})
+++ /dev/null
-<script setup lang="ts">
-import Welcome from '@/components/Welcome.vue'
-</script>
-
-<template>
- <main>
- <Welcome />
- </main>
-</template>
--- /dev/null
+<script setup lang="ts">
+import TheWelcome from '@/components/TheWelcome.vue'
+</script>
+
+<template>
+ <main>
+ <TheWelcome />
+ </main>
+</template>
### Run End-to-End Tests with [Cypress](https://www.cypress.io/)
```sh
+pnpm build
pnpm test:e2e # or `pnpm test:e2e:ci` for headless testing
```
"scripts": {
"dev": "vite",
"build": "vue-tsc --noEmit && vite build",
- "preserve": "vite build",
- "serve": "vite preview --port 5050",
+ "preview": "vite preview --port 5050",
"test:unit": "cypress open-ct",
"test:unit:ci": "cypress run-ct --quiet --reporter spec",
- "test:e2e": "start-server-and-test serve 5050 'cypress open'",
- "test:e2e:ci": "start-server-and-test serve 5050 'cypress run'",
+ "test:e2e": "start-server-and-test preview 5050 'cypress open'",
+ "test:e2e:ci": "start-server-and-test preview 5050 'cypress run'",
"typecheck": "vue-tsc --noEmit"
},
"dependencies": {
<script setup lang="ts">
import HelloWorld from './components/HelloWorld.vue'
-import Welcome from './components/Welcome.vue'
+import TheWelcome from './components/TheWelcome.vue'
</script>
<template>
</header>
<main>
- <Welcome />
+ <TheWelcome />
</main>
</template>
"scripts": {
"dev": "vite",
"build": "vue-tsc --noEmit && vite build",
- "preserve": "vite build",
- "serve": "vite preview --port 5050",
+ "preview": "vite preview --port 5050",
"typecheck": "vue-tsc --noEmit"
},
"dependencies": {
<script setup lang="ts">
import HelloWorld from './components/HelloWorld.vue'
-import Welcome from './components/Welcome.vue'
+import TheWelcome from './components/TheWelcome.vue'
</script>
<template>
</header>
<main>
- <Welcome />
+ <TheWelcome />
</main>
</template>
### Run End-to-End Tests with [Cypress](https://www.cypress.io/)
```sh
+pnpm build
pnpm test:e2e # or `pnpm test:e2e:ci` for headless testing
```
"scripts": {
"dev": "vite",
"build": "vue-tsc --noEmit && vite build",
- "preserve": "vite build",
- "serve": "vite preview --port 5050",
+ "preview": "vite preview --port 5050",
"test:unit": "cypress open-ct",
"test:unit:ci": "cypress run-ct --quiet --reporter spec",
- "test:e2e": "start-server-and-test serve 5050 'cypress open'",
- "test:e2e:ci": "start-server-and-test serve 5050 'cypress run'",
+ "test:e2e": "start-server-and-test preview 5050 'cypress open'",
+ "test:e2e:ci": "start-server-and-test preview 5050 'cypress run'",
"typecheck": "vue-tsc --noEmit"
},
"dependencies": {
<script setup lang="ts">
import HelloWorld from './components/HelloWorld.vue'
-import Welcome from './components/Welcome.vue'
+import TheWelcome from './components/TheWelcome.vue'
</script>
<template>
</header>
<main>
- <Welcome />
+ <TheWelcome />
</main>
</template>
"scripts": {
"dev": "vite",
"build": "vue-tsc --noEmit && vite build",
- "preserve": "vite build",
- "serve": "vite preview --port 5050",
+ "preview": "vite preview --port 5050",
"typecheck": "vue-tsc --noEmit"
},
"dependencies": {
<script setup lang="ts">
import HelloWorld from './components/HelloWorld.vue'
-import Welcome from './components/Welcome.vue'
+import TheWelcome from './components/TheWelcome.vue'
</script>
<template>
</header>
<main>
- <Welcome />
+ <TheWelcome />
</main>
</template>
### Run End-to-End Tests with [Cypress](https://www.cypress.io/)
```sh
+pnpm build
pnpm test:e2e # or `pnpm test:e2e:ci` for headless testing
```
"scripts": {
"dev": "vite",
"build": "vue-tsc --noEmit && vite build",
- "preserve": "vite build",
- "serve": "vite preview --port 5050",
+ "preview": "vite preview --port 5050",
"test:unit": "cypress open-ct",
"test:unit:ci": "cypress run-ct --quiet --reporter spec",
- "test:e2e": "start-server-and-test serve 5050 'cypress open'",
- "test:e2e:ci": "start-server-and-test serve 5050 'cypress run'",
+ "test:e2e": "start-server-and-test preview 5050 'cypress open'",
+ "test:e2e:ci": "start-server-and-test preview 5050 'cypress run'",
"typecheck": "vue-tsc --noEmit"
},
"dependencies": {
import { createRouter, createWebHistory } from 'vue-router'
-import Home from '../views/Home.vue'
+import HomeView from '../views/HomeView.vue'
const router = createRouter({
history: createWebHistory(import.meta.env.BASE_URL),
routes: [
{
path: '/',
- name: 'Home',
- component: Home
+ name: 'home',
+ component: HomeView
},
{
path: '/about',
- name: 'About',
+ name: 'about',
// route level code-splitting
// this generates a separate chunk (About.[hash].js) for this route
// which is lazy-loaded when the route is visited.
- component: () => import('../views/About.vue')
+ component: () => import('../views/AboutView.vue')
}
]
})
+++ /dev/null
-<script setup lang="ts">
-import Welcome from '@/components/Welcome.vue'
-</script>
-
-<template>
- <main>
- <Welcome />
- </main>
-</template>
--- /dev/null
+<script setup lang="ts">
+import TheWelcome from '@/components/TheWelcome.vue'
+</script>
+
+<template>
+ <main>
+ <TheWelcome />
+ </main>
+</template>
"scripts": {
"dev": "vite",
"build": "vue-tsc --noEmit && vite build",
- "preserve": "vite build",
- "serve": "vite preview --port 5050",
+ "preview": "vite preview --port 5050",
"typecheck": "vue-tsc --noEmit"
},
"dependencies": {
import { createRouter, createWebHistory } from 'vue-router'
-import Home from '../views/Home.vue'
+import HomeView from '../views/HomeView.vue'
const router = createRouter({
history: createWebHistory(import.meta.env.BASE_URL),
routes: [
{
path: '/',
- name: 'Home',
- component: Home
+ name: 'home',
+ component: HomeView
},
{
path: '/about',
- name: 'About',
+ name: 'about',
// route level code-splitting
// this generates a separate chunk (About.[hash].js) for this route
// which is lazy-loaded when the route is visited.
- component: () => import('../views/About.vue')
+ component: () => import('../views/AboutView.vue')
}
]
})
+++ /dev/null
-<script setup lang="ts">
-import Welcome from '@/components/Welcome.vue'
-</script>
-
-<template>
- <main>
- <Welcome />
- </main>
-</template>
--- /dev/null
+<script setup lang="ts">
+import TheWelcome from '@/components/TheWelcome.vue'
+</script>
+
+<template>
+ <main>
+ <TheWelcome />
+ </main>
+</template>
### Run End-to-End Tests with [Cypress](https://www.cypress.io/)
```sh
+pnpm build
pnpm test:e2e # or `pnpm test:e2e:ci` for headless testing
```
"scripts": {
"dev": "vite",
"build": "vue-tsc --noEmit && vite build",
- "preserve": "vite build",
- "serve": "vite preview --port 5050",
+ "preview": "vite preview --port 5050",
"test:unit": "cypress open-ct",
"test:unit:ci": "cypress run-ct --quiet --reporter spec",
- "test:e2e": "start-server-and-test serve 5050 'cypress open'",
- "test:e2e:ci": "start-server-and-test serve 5050 'cypress run'",
+ "test:e2e": "start-server-and-test preview 5050 'cypress open'",
+ "test:e2e:ci": "start-server-and-test preview 5050 'cypress run'",
"typecheck": "vue-tsc --noEmit"
},
"dependencies": {
import { createRouter, createWebHistory } from 'vue-router'
-import Home from '../views/Home.vue'
+import HomeView from '../views/HomeView.vue'
const router = createRouter({
history: createWebHistory(import.meta.env.BASE_URL),
routes: [
{
path: '/',
- name: 'Home',
- component: Home
+ name: 'home',
+ component: HomeView
},
{
path: '/about',
- name: 'About',
+ name: 'about',
// route level code-splitting
// this generates a separate chunk (About.[hash].js) for this route
// which is lazy-loaded when the route is visited.
- component: () => import('../views/About.vue')
+ component: () => import('../views/AboutView.vue')
}
]
})
+++ /dev/null
-<script setup lang="ts">
-import Welcome from '@/components/Welcome.vue'
-</script>
-
-<template>
- <main>
- <Welcome />
- </main>
-</template>
--- /dev/null
+<script setup lang="ts">
+import TheWelcome from '@/components/TheWelcome.vue'
+</script>
+
+<template>
+ <main>
+ <TheWelcome />
+ </main>
+</template>
"scripts": {
"dev": "vite",
"build": "vue-tsc --noEmit && vite build",
- "preserve": "vite build",
- "serve": "vite preview --port 5050",
+ "preview": "vite preview --port 5050",
"typecheck": "vue-tsc --noEmit"
},
"dependencies": {
import { createRouter, createWebHistory } from 'vue-router'
-import Home from '../views/Home.vue'
+import HomeView from '../views/HomeView.vue'
const router = createRouter({
history: createWebHistory(import.meta.env.BASE_URL),
routes: [
{
path: '/',
- name: 'Home',
- component: Home
+ name: 'home',
+ component: HomeView
},
{
path: '/about',
- name: 'About',
+ name: 'about',
// route level code-splitting
// this generates a separate chunk (About.[hash].js) for this route
// which is lazy-loaded when the route is visited.
- component: () => import('../views/About.vue')
+ component: () => import('../views/AboutView.vue')
}
]
})
+++ /dev/null
-<script setup lang="ts">
-import Welcome from '@/components/Welcome.vue'
-</script>
-
-<template>
- <main>
- <Welcome />
- </main>
-</template>
--- /dev/null
+<script setup lang="ts">
+import TheWelcome from '@/components/TheWelcome.vue'
+</script>
+
+<template>
+ <main>
+ <TheWelcome />
+ </main>
+</template>
### Run End-to-End Tests with [Cypress](https://www.cypress.io/)
```sh
+pnpm build
pnpm test:e2e # or `pnpm test:e2e:ci` for headless testing
```
"scripts": {
"dev": "vite",
"build": "vue-tsc --noEmit && vite build",
- "preserve": "vite build",
- "serve": "vite preview --port 5050",
+ "preview": "vite preview --port 5050",
"test:unit": "cypress open-ct",
"test:unit:ci": "cypress run-ct --quiet --reporter spec",
- "test:e2e": "start-server-and-test serve 5050 'cypress open'",
- "test:e2e:ci": "start-server-and-test serve 5050 'cypress run'",
+ "test:e2e": "start-server-and-test preview 5050 'cypress open'",
+ "test:e2e:ci": "start-server-and-test preview 5050 'cypress run'",
"typecheck": "vue-tsc --noEmit"
},
"dependencies": {
<script setup lang="ts">
import HelloWorld from './components/HelloWorld.vue'
-import Welcome from './components/Welcome.vue'
+import TheWelcome from './components/TheWelcome.vue'
</script>
<template>
</header>
<main>
- <Welcome />
+ <TheWelcome />
</main>
</template>
"scripts": {
"dev": "vite",
"build": "vue-tsc --noEmit && vite build",
- "preserve": "vite build",
- "serve": "vite preview --port 5050",
+ "preview": "vite preview --port 5050",
"typecheck": "vue-tsc --noEmit"
},
"dependencies": {
<script setup lang="ts">
import HelloWorld from './components/HelloWorld.vue'
-import Welcome from './components/Welcome.vue'
+import TheWelcome from './components/TheWelcome.vue'
</script>
<template>
</header>
<main>
- <Welcome />
+ <TheWelcome />
</main>
</template>
### Run End-to-End Tests with [Cypress](https://www.cypress.io/)
```sh
+pnpm build
pnpm test:e2e # or `pnpm test:e2e:ci` for headless testing
```
"scripts": {
"dev": "vite",
"build": "vue-tsc --noEmit && vite build",
- "preserve": "vite build",
- "serve": "vite preview --port 5050",
+ "preview": "vite preview --port 5050",
"test:unit": "cypress open-ct",
"test:unit:ci": "cypress run-ct --quiet --reporter spec",
- "test:e2e": "start-server-and-test serve 5050 'cypress open'",
- "test:e2e:ci": "start-server-and-test serve 5050 'cypress run'",
+ "test:e2e": "start-server-and-test preview 5050 'cypress open'",
+ "test:e2e:ci": "start-server-and-test preview 5050 'cypress run'",
"typecheck": "vue-tsc --noEmit"
},
"dependencies": {
<script setup lang="ts">
import HelloWorld from './components/HelloWorld.vue'
-import Welcome from './components/Welcome.vue'
+import TheWelcome from './components/TheWelcome.vue'
</script>
<template>
</header>
<main>
- <Welcome />
+ <TheWelcome />
</main>
</template>
"scripts": {
"dev": "vite",
"build": "vue-tsc --noEmit && vite build",
- "preserve": "vite build",
- "serve": "vite preview --port 5050",
+ "preview": "vite preview --port 5050",
"typecheck": "vue-tsc --noEmit"
},
"dependencies": {
<script setup lang="ts">
import HelloWorld from './components/HelloWorld.vue'
-import Welcome from './components/Welcome.vue'
+import TheWelcome from './components/TheWelcome.vue'
</script>
<template>
</header>
<main>
- <Welcome />
+ <TheWelcome />
</main>
</template>
### Run End-to-End Tests with [Cypress](https://www.cypress.io/)
```sh
+pnpm build
pnpm test:e2e # or `pnpm test:e2e:ci` for headless testing
```
"scripts": {
"dev": "vite",
"build": "vite build",
- "preserve": "vite build",
- "serve": "vite preview --port 5050",
+ "preview": "vite preview --port 5050",
"test:unit": "cypress open-ct",
"test:unit:ci": "cypress run-ct --quiet --reporter spec",
- "test:e2e": "start-server-and-test serve 5050 'cypress open'",
- "test:e2e:ci": "start-server-and-test serve 5050 'cypress run'"
+ "test:e2e": "start-server-and-test preview 5050 'cypress open'",
+ "test:e2e:ci": "start-server-and-test preview 5050 'cypress run'"
},
"dependencies": {
"vue": "^3.2.22",
<script setup>
import HelloWorld from './components/HelloWorld.vue'
-import Welcome from './components/Welcome.vue'
+import TheWelcome from './components/TheWelcome.vue'
</script>
<template>
</header>
<main>
- <Welcome />
+ <TheWelcome />
</main>
</template>
"scripts": {
"dev": "vite",
"build": "vite build",
- "preserve": "vite build",
- "serve": "vite preview --port 5050"
+ "preview": "vite preview --port 5050"
},
"dependencies": {
"vue": "^3.2.22",
<script setup>
import HelloWorld from './components/HelloWorld.vue'
-import Welcome from './components/Welcome.vue'
+import TheWelcome from './components/TheWelcome.vue'
</script>
<template>
</header>
<main>
- <Welcome />
+ <TheWelcome />
</main>
</template>
### Run End-to-End Tests with [Cypress](https://www.cypress.io/)
```sh
+pnpm build
pnpm test:e2e # or `pnpm test:e2e:ci` for headless testing
```
"scripts": {
"dev": "vite",
"build": "vite build",
- "preserve": "vite build",
- "serve": "vite preview --port 5050",
+ "preview": "vite preview --port 5050",
"test:unit": "cypress open-ct",
"test:unit:ci": "cypress run-ct --quiet --reporter spec",
- "test:e2e": "start-server-and-test serve 5050 'cypress open'",
- "test:e2e:ci": "start-server-and-test serve 5050 'cypress run'"
+ "test:e2e": "start-server-and-test preview 5050 'cypress open'",
+ "test:e2e:ci": "start-server-and-test preview 5050 'cypress run'"
},
"dependencies": {
"vue": "^3.2.22"
<script setup>
import HelloWorld from './components/HelloWorld.vue'
-import Welcome from './components/Welcome.vue'
+import TheWelcome from './components/TheWelcome.vue'
</script>
<template>
</header>
<main>
- <Welcome />
+ <TheWelcome />
</main>
</template>