<template>
|
<div id="app">
|
<img alt="Vue logo" src="./assets/logo.png">
|
<%_ if (!rootOptions.bare) { _%>
|
<HelloWorld msg="Welcome to Your Vue.js App"/>
|
<%_ } else { _%>
|
<h1>Welcome to Your Vue.js App</h1>
|
<%_ } _%>
|
</div>
|
</template>
|
<%_ if (!rootOptions.bare) { _%>
|
|
<script>
|
import HelloWorld from './components/HelloWorld.vue'
|
|
export default {
|
name: 'App',
|
components: {
|
HelloWorld
|
}
|
}
|
</script>
|
|
<%_ if (rootOptions.cssPreprocessor !== 'stylus') { _%>
|
<style<%-
|
rootOptions.cssPreprocessor
|
? ` lang="${
|
rootOptions.cssPreprocessor.includes('sass')
|
? 'scss'
|
: rootOptions.cssPreprocessor
|
}"`
|
: ``
|
%>>
|
#app {
|
font-family: Avenir, Helvetica, Arial, sans-serif;
|
-webkit-font-smoothing: antialiased;
|
-moz-osx-font-smoothing: grayscale;
|
text-align: center;
|
color: #2c3e50;
|
margin-top: 60px;
|
}
|
</style>
|
<%_ } else { _%>
|
<style lang="stylus">
|
#app
|
font-family Avenir, Helvetica, Arial, sans-serif
|
-webkit-font-smoothing antialiased
|
-moz-osx-font-smoothing grayscale
|
text-align center
|
color #2c3e50
|
margin-top 60px
|
</style>
|
<%_ } _%>
|
<%_ } _%>
|
