| 12345678910111213141516171819202122232425262728293031323334353637383940414243444546 |
- <!DOCTYPE html>
- <html>
- <head>
- <title>Vue.js commits example</title>
- <style>
- #demo {
- font-family: 'Helvetica', Arial, sans-serif;
- }
- a {
- text-decoration: none;
- color: #f66;
- }
- li {
- line-height: 1.5em;
- margin-bottom: 20px;
- }
- .author, .date {
- font-weight: bold;
- }
- </style>
- <script src="../../dist/vue.js"></script>
- </head>
- <body>
- <div id="demo">
- <h1>Latest Vue.js Commits</h1>
- <template v-for="branch in branches">
- <input type="radio"
- name="branch"
- :id="branch"
- :value="branch"
- v-model="currentBranch">
- <label :for="branch">{{branch}}</label>
- </template>
- <p>vuejs/vue@{{currentBranch}}</p>
- <ul>
- <li v-for="record in commits">
- <a :href="record.html_url" target="_blank" class="commit">{{record.sha.slice(0, 7)}}</a>
- - <span class="message">{{record.commit.message | truncate}}</span><br>
- by <span class="author">{{record.commit.author.name}}</span>
- at <span class="date">{{record.commit.author.date | formatDate}}</span>
- </li>
- </ul>
- </div>
- <script src="app.js"></script>
- </body>
- </html>
|