started search block in header

src/components/block/StaticMenu.vue

@@ -3,11 +3,15 @@
 import { mapActions, mapState } from 'pinia'
 import { StaticsStore } from '@/stores/statics'
 
+import SvgIcon from '@jamescoyle/vue-icon';
+import { mdiInformationOutline } from '@mdi/js';
+
+
 export default {
   props: [],
   data(){
     return {
-      // block: null
+      infos_path: mdiInformationOutline
     }
   },
   computed: {
@@ -21,22 +25,27 @@ export default {
     ...mapActions(StaticsStore,['loadStatics'])
   },
   components: {
-    // LoginBlock,
-    // UserTools
+    SvgIcon
   }
 }
 
 </script>
 
 <template>
-  <ul>
-    <li
-        v-for="staticnode in statics"
-        v-bind:key="staticnode.id"
-      >
-      <router-link :to="{ name: 'static', params: { id:staticnode.id } }">{{staticnode.title}}</router-link>
-    </li>
-  </ul>
+  <div id="static-menu">
+    <ul>
+      <li
+          v-for="staticnode in statics"
+          v-bind:key="staticnode.id"
+        >
+        <router-link :to="{ name: 'static', params: { id:staticnode.id } }">
+          <svg-icon type="mdi" :path="infos_path"></svg-icon>
+          <span>{{staticnode.title}}</span>
+        </router-link>
+      </li>
+    </ul>
+
+  </div>
   
 </template>