App.vue 1.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354
  1. <template>
  2. <div id="app">
  3. <img alt="Vue logo" src="./assets/logo.png">
  4. <%_ if (!rootOptions.bare) { _%>
  5. <HelloWorld msg="Welcome to Your Vue.js App"/>
  6. <%_ } else { _%>
  7. <h1>Welcome to Your Vue.js App</h1>
  8. <%_ } _%>
  9. </div>
  10. </template>
  11. <%_ if (!rootOptions.bare) { _%>
  12. <script>
  13. import HelloWorld from './components/HelloWorld.vue'
  14. export default {
  15. name: 'App',
  16. components: {
  17. HelloWorld
  18. }
  19. }
  20. </script>
  21. <%_ if (rootOptions.cssPreprocessor !== 'stylus') { _%>
  22. <style<%-
  23. rootOptions.cssPreprocessor
  24. ? ` lang="${
  25. rootOptions.cssPreprocessor.includes('sass')
  26. ? 'scss'
  27. : rootOptions.cssPreprocessor
  28. }"`
  29. : ``
  30. %>>
  31. #app {
  32. font-family: Avenir, Helvetica, Arial, sans-serif;
  33. -webkit-font-smoothing: antialiased;
  34. -moz-osx-font-smoothing: grayscale;
  35. text-align: center;
  36. color: #2c3e50;
  37. margin-top: 60px;
  38. }
  39. </style>
  40. <%_ } else { _%>
  41. <style lang="stylus">
  42. #app
  43. font-family Avenir, Helvetica, Arial, sans-serif
  44. -webkit-font-smoothing antialiased
  45. -moz-osx-font-smoothing grayscale
  46. text-align center
  47. color #2c3e50
  48. margin-top 60px
  49. </style>
  50. <%_ } _%>
  51. <%_ } _%>