update

UltiSnips/html.snippets

@@ -9,3 +9,13 @@ endsnippet
 snippet plc "<img src='https://via.placeholder.it ..."
 <img class="$1" src="https://via.placeholder.com/$2" alt="">
 endsnippet
+
+snippet tag "wrap with tag"
+<$1$0>
+  ${VISUAL}
+</$1>
+endsnippet
+
+snippet tagi "wrap with tag inline"
+<$1$0>${VISUAL}</$1>
+endsnippet

UltiSnips/vue.snippets

@@ -117,3 +117,26 @@ endsnippet
 snippet impc "import ... from '~/components...';"
 import $1 from '~/components/$1';$0
 endsnippet
+
+snippet tran "<transition ..."
+<transition name="$1">
+  ${VISUAL}$0
+</transition>
+endsnippet
+
+snippet .tran "vue transition selector"
+.$1 {
+  &-enter-active {
+    transition: ${2:opacity} ${3:1}s;
+  }
+
+  &-leave-active {
+    transition: $2 ${4:1}s;
+  }
+  
+  &-enter,
+  &-leave-to {
+    $2: ${5:0};
+  }
+}$0
+endsnippet