Here Save me

examples/playlist.tpl

@@ -0,0 +1,19 @@
+<v-playlist>
+    <v-header>
+        <h3>Playlist</h3>
+        {include(includes/input;type="search";id="playlist-search";classes="hid-input";label="Search";attributeString="data-tool='search'")}
+    </v-header>
+    <v-content class="empty">
+        Looks like nothing is here :(
+        {include(includes/button-icon;icon="upload";classes="upload hid-item";type="primary";attributeString="data-tool='upload'")}
+    </v-content>
+    <v-footer id="pagination">
+        <span class="page-current">0 / 0</span>
+        <span class="page-prev">
+            {include(includes/button-icon;icon="chevron-left";classes="hid-item";type="primary";attributeString="data-tool='pagination' data-value='-1'")}
+        </span>
+        <span class="page-next">
+            {include(includes/button-icon;icon="chevron-right";classes="hid-item";type="primary";attributeString="data-tool='pagination' data-value='1'")}
+        </span>
+    </v-footer>
+</v-playlist>

examples/select.tpl

@@ -0,0 +1,9 @@
+<v-select ${required ? required} ${multiple ?? multiple} name="${id}" class="${classes}" data-value="${value}" data-bind="${bind}" ${attributeString}>
+    <v-label empty="${name}"></v-label>
+    <v-options>
+        {foreach(options as item)}
+        // VTepL has a getEqual hack! == check variable 1 and 2
+        <v-option value="${item.value}">${item.name}</v-option>
+        {/for}
+    </v-options>
+</v-select>