1f58b0f85d8f161a788fe0881216c2397c1b4354739f91a2cdaf29e76559bda039046099cf4c90e55018b5d32c52ff3f7fb63c81582feff6adb33d64e76819 2.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687
  1. <%_ if (!rootOptions.bare) { _%>
  2. <template>
  3. <div class="hello">
  4. <h1>{{ msg }}</h1>
  5. <p>
  6. For a guide and recipes on how to configure / customize this project,<br>
  7. check out the
  8. <a href="https://cli.vuejs.org" target="_blank" rel="noopener">vue-cli documentation</a>.
  9. </p>
  10. <h3>Installed CLI Plugins</h3>
  11. <ul>
  12. <%_ for (plugin of plugins) { _%>
  13. <li><a href="<%- plugin.link %>" target="_blank" rel="noopener"><%- plugin.name %></a></li>
  14. <%_ } _%>
  15. </ul>
  16. <h3>Essential Links</h3>
  17. <ul>
  18. <li><a href="https://vuejs.org" target="_blank" rel="noopener">Core Docs</a></li>
  19. <li><a href="https://forum.vuejs.org" target="_blank" rel="noopener">Forum</a></li>
  20. <li><a href="https://chat.vuejs.org" target="_blank" rel="noopener">Community Chat</a></li>
  21. <li><a href="https://twitter.com/vuejs" target="_blank" rel="noopener">Twitter</a></li>
  22. <li><a href="https://news.vuejs.org" target="_blank" rel="noopener">News</a></li>
  23. </ul>
  24. <h3>Ecosystem</h3>
  25. <ul>
  26. <li><a href="https://router.vuejs.org" target="_blank" rel="noopener">vue-router</a></li>
  27. <li><a href="https://vuex.vuejs.org" target="_blank" rel="noopener">vuex</a></li>
  28. <li><a href="https://github.com/vuejs/vue-devtools#vue-devtools" target="_blank" rel="noopener">vue-devtools</a></li>
  29. <li><a href="https://vue-loader.vuejs.org" target="_blank" rel="noopener">vue-loader</a></li>
  30. <li><a href="https://github.com/vuejs/awesome-vue" target="_blank" rel="noopener">awesome-vue</a></li>
  31. </ul>
  32. </div>
  33. </template>
  34. <script>
  35. export default {
  36. name: 'HelloWorld',
  37. props: {
  38. msg: String
  39. }
  40. }
  41. </script>
  42. <!-- Add "scoped" attribute to limit CSS to this component only -->
  43. <%_ if (rootOptions.cssPreprocessor !== 'stylus') { _%>
  44. <style scoped<%-
  45. rootOptions.cssPreprocessor
  46. ? ` lang="${
  47. rootOptions.cssPreprocessor.includes('sass')
  48. ? 'scss'
  49. : rootOptions.cssPreprocessor
  50. }"`
  51. : ``
  52. %>>
  53. h3 {
  54. margin: 40px 0 0;
  55. }
  56. ul {
  57. list-style-type: none;
  58. padding: 0;
  59. }
  60. li {
  61. display: inline-block;
  62. margin: 0 10px;
  63. }
  64. a {
  65. color: #42b983;
  66. }
  67. </style>
  68. <%_ } else { _%>
  69. <style scoped lang="stylus">
  70. h3
  71. margin 40px 0 0
  72. ul
  73. list-style-type none
  74. padding 0
  75. li
  76. display inline-block
  77. margin 0 10px
  78. a
  79. color #42b983
  80. </style>
  81. <%_ } _%>
  82. <%_ } _%>