[-] Remove hello world

This commit is contained in:
Hykilpikonna
2021-12-04 15:33:49 -05:00
parent 0423e669a6
commit a669cba2fa
3 changed files with 2 additions and 92 deletions
Binary file not shown.

Before

Width:  |  Height:  |  Size: 6.7 KiB

-84
View File
@@ -1,84 +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" rel="noopener" target="_blank">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"
rel="noopener" target="_blank">babel</a></li>
<li><a
href="https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-router"
rel="noopener" target="_blank">router</a></li>
<li><a
href="https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-eslint"
rel="noopener" target="_blank">eslint</a></li>
<li><a
href="https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-typescript"
rel="noopener" target="_blank">typescript</a></li>
</ul>
<h3>Essential Links</h3>
<ul>
<li><a href="https://vuejs.org" rel="noopener" target="_blank">Core Docs</a></li>
<li><a href="https://forum.vuejs.org" rel="noopener" target="_blank">Forum</a></li>
<li><a href="https://chat.vuejs.org" rel="noopener" target="_blank">Community Chat</a>
</li>
<li><a href="https://twitter.com/vuejs" rel="noopener" target="_blank">Twitter</a></li>
<li><a href="https://news.vuejs.org" rel="noopener" target="_blank">News</a></li>
</ul>
<h3>Ecosystem</h3>
<ul>
<li><a href="https://router.vuejs.org" rel="noopener" target="_blank">vue-router</a>
</li>
<li><a href="https://vuex.vuejs.org" rel="noopener" target="_blank">vuex</a></li>
<li><a href="https://github.com/vuejs/vue-devtools#vue-devtools" rel="noopener"
target="_blank">vue-devtools</a></li>
<li><a href="https://vue-loader.vuejs.org" rel="noopener" target="_blank">vue-loader</a>
</li>
<li><a href="https://github.com/vuejs/awesome-vue" rel="noopener" target="_blank">awesome-vue</a>
</li>
</ul>
</div>
</template>
<script lang="ts">
import {Options, Vue} from 'vue-class-component';
@Options({
props: {
msg: String
}
})
export default class HelloWorld extends Vue
{
msg!: string
}
</script>
<!-- Add "scoped" attribute to limit CSS to this component only -->
<style lang="scss" scoped>
h3
{
margin: 40px 0 0;
}
ul
{
list-style-type: none;
padding: 0;
}
li
{
display: inline-block;
margin: 0 10px;
}
a
{
color: #42b983;
}
</style>
+2 -8
View File
@@ -1,19 +1,13 @@
<template>
<div class="home">
<img alt="Vue logo" src="../assets/logo.png">
<HelloWorld msg="Welcome to Your Vue.js + TypeScript App"/>
Hello World
</div>
</template>
<script lang="ts">
import {Options, Vue} from 'vue-class-component';
import HelloWorld from '@/components/HelloWorld.vue'; // @ is an alias to /src
@Options({
components: {
HelloWorld,
},
})
@Options({components: {}})
export default class Home extends Vue
{
}