Vue Table Snippet

vtable.sublime-snippet

<snippet>
	<content><![CDATA[
<table class="table table-bordered">
	<thead>
		<tr>${SELECTION/([^\s]+)|(?:\s(\w+))/()(?3\n\t\t\t<th class="text-center text-uppercase">$3<\/th>)/g}
		</tr>
	</thead>
	<tbody>
		<tr v-for="(item, index) in ${SELECTION/([^\s]+)|(\s\w+)/$1/g}">${SELECTION/([^\s]+)|(\s(\w+))/()(?3\n\t\t\t<td class="text-center">{{ item\.$3 }}<\/td>)/g}
		</tr>
	</tbody>
</table>
]]></content>
	<!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
	<tabTrigger>vtable</tabTrigger>
	<!-- Optional: Set a scope to limit where the snippet will trigger -->
	<!-- <scope>source.python</scope> -->
	<description>Create Vue Table</description>
</snippet>