commit 08eab081d381784d88e61692e7263d6b5a98bf12
parent 3d6123fb803f30334a954a2310144dbd16d9ebf9
Author: ashermorgan <59518073+ashermorgan@users.noreply.github.com>
Date: Thu, 29 Jul 2021 19:54:25 -0700
Remove default app files
Diffstat:
10 files changed, 24 insertions(+), 126 deletions(-)
diff --git a/public/favicon.ico b/public/favicon.ico
Binary files differ.
diff --git a/src/App.vue b/src/App.vue
@@ -1,32 +1,11 @@
<template>
<div id="app">
- <div id="nav">
- <router-link to="/">Home</router-link> |
- <router-link to="/about">About</router-link>
- </div>
+ <header>
+ <h1>running-calculator</h1>
+ </header>
<router-view/>
</div>
</template>
<style>
-#app {
- font-family: Avenir, Helvetica, Arial, sans-serif;
- -webkit-font-smoothing: antialiased;
- -moz-osx-font-smoothing: grayscale;
- text-align: center;
- color: #2c3e50;
-}
-
-#nav {
- padding: 30px;
-}
-
-#nav a {
- font-weight: bold;
- color: #2c3e50;
-}
-
-#nav a.router-link-exact-active {
- color: #42b983;
-}
</style>
diff --git a/src/assets/global.css b/src/assets/global.css
@@ -0,0 +1,6 @@
+/* default styles */
+* {
+ margin: 0px;
+ padding: 0px;
+ box-sizing: border-box;
+}
diff --git a/src/assets/logo.png b/src/assets/logo.png
Binary files differ.
diff --git a/src/components/HelloWorld.vue b/src/components/HelloWorld.vue
@@ -1,59 +0,0 @@
-<template>
- <div class="hello">
- <h1>{{ msg }}</h1>
- <p>
- For a guide and recipes on how to configure / customize this project,<br>
- check out the
- <a href="https://cli.vuejs.org" target="_blank" rel="noopener">vue-cli documentation</a>.
- </p>
- <h3>Installed CLI Plugins</h3>
- <ul>
- <li><a href="https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-babel" target="_blank" rel="noopener">babel</a></li>
- <li><a href="https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-router" target="_blank" rel="noopener">router</a></li>
- <li><a href="https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-unit-mocha" target="_blank" rel="noopener">unit-mocha</a></li>
- </ul>
- <h3>Essential Links</h3>
- <ul>
- <li><a href="https://vuejs.org" target="_blank" rel="noopener">Core Docs</a></li>
- <li><a href="https://forum.vuejs.org" target="_blank" rel="noopener">Forum</a></li>
- <li><a href="https://chat.vuejs.org" target="_blank" rel="noopener">Community Chat</a></li>
- <li><a href="https://twitter.com/vuejs" target="_blank" rel="noopener">Twitter</a></li>
- <li><a href="https://news.vuejs.org" target="_blank" rel="noopener">News</a></li>
- </ul>
- <h3>Ecosystem</h3>
- <ul>
- <li><a href="https://router.vuejs.org" target="_blank" rel="noopener">vue-router</a></li>
- <li><a href="https://vuex.vuejs.org" target="_blank" rel="noopener">vuex</a></li>
- <li><a href="https://github.com/vuejs/vue-devtools#vue-devtools" target="_blank" rel="noopener">vue-devtools</a></li>
- <li><a href="https://vue-loader.vuejs.org" target="_blank" rel="noopener">vue-loader</a></li>
- <li><a href="https://github.com/vuejs/awesome-vue" target="_blank" rel="noopener">awesome-vue</a></li>
- </ul>
- </div>
-</template>
-
-<script>
-export default {
- name: 'HelloWorld',
- props: {
- msg: String
- }
-}
-</script>
-
-<!-- Add "scoped" attribute to limit CSS to this component only -->
-<style scoped>
-h3 {
- margin: 40px 0 0;
-}
-ul {
- list-style-type: none;
- padding: 0;
-}
-li {
- display: inline-block;
- margin: 0 10px;
-}
-a {
- color: #42b983;
-}
-</style>
diff --git a/src/main.js b/src/main.js
@@ -1,10 +1,11 @@
-import Vue from 'vue'
-import App from './App.vue'
-import router from './router'
+import Vue from 'vue';
+import App from './App.vue';
+import router from './router';
+import './assets/global.css';
-Vue.config.productionTip = false
+Vue.config.productionTip = false;
new Vue({
router,
render: h => h(App)
-}).$mount('#app')
+}).$mount('#app');
diff --git a/src/router/index.js b/src/router/index.js
@@ -2,26 +2,22 @@ import Vue from 'vue'
import VueRouter from 'vue-router'
import Home from '../views/Home.vue'
-Vue.use(VueRouter)
+Vue.use(VueRouter);
const routes = [
{
path: '/',
- name: 'Home',
- component: Home
+ redirect: '/home',
},
{
- path: '/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(/* webpackChunkName: "about" */ '../views/About.vue')
- }
-]
+ path: '/home',
+ name: 'home',
+ component: Home,
+ },
+];
const router = new VueRouter({
routes
-})
+});
export default router
diff --git a/src/views/About.vue b/src/views/About.vue
@@ -1,5 +0,0 @@
-<template>
- <div class="about">
- <h1>This is an about page</h1>
- </div>
-</template>
diff --git a/src/views/Home.vue b/src/views/Home.vue
@@ -1,18 +1,11 @@
<template>
<div class="home">
- <img alt="Vue logo" src="../assets/logo.png">
- <HelloWorld msg="Welcome to Your Vue.js App"/>
</div>
</template>
<script>
-// @ is an alias to /src
-import HelloWorld from '@/components/HelloWorld.vue'
-
export default {
name: 'Home',
- components: {
- HelloWorld
- }
+ components: { },
}
</script>
diff --git a/tests/unit/example.spec.js b/tests/unit/example.spec.js
@@ -1,13 +0,0 @@
-import { expect } from 'chai'
-import { shallowMount } from '@vue/test-utils'
-import HelloWorld from '@/components/HelloWorld.vue'
-
-describe('HelloWorld.vue', () => {
- it('renders props.msg when passed', () => {
- const msg = 'new message'
- const wrapper = shallowMount(HelloWorld, {
- propsData: { msg }
- })
- expect(wrapper.text()).to.include(msg)
- })
-})
