✨ (article) add icons and multiple flow steps

src/icons/BaseIcon.vue

@@ -0,0 +1,28 @@
+<script setup lang="ts">
+withDefaults(defineProps<{ color: string }>(), {
+  color: 'var(--primary-color)'
+})
+</script>
+
+<template>
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    class="icon icon-tabler icon-tabler-search"
+    width="20"
+    height="20"
+    viewBox="0 0 24 24"
+    stroke-width="3"
+    :stroke="color"
+    fill="none"
+    stroke-linecap="round"
+    stroke-linejoin="round"
+  >
+    <slot />
+  </svg>
+</template>
+
+<style>
+svg {
+  vertical-align: text-bottom;
+}
+</style>