feat: replace SVG icons with BIIcon component in Footer, Header, and index pages

This commit is contained in:
2026-06-07 21:28:03 +02:00 Unverified
parent 1ea448beb3
commit 3066eacc2f
4 changed files with 22 additions and 25 deletions
+2 -1
View File
@@ -1,5 +1,6 @@
<script setup lang="ts">
import MemberDot from "~/components/MemberDot.vue";
import BIIcon from "~/components/BIIcon.vue";
import { useMembers } from "~/composables/useMembers";
const { sortedMembers } = useMembers();
@@ -14,7 +15,7 @@ const { sortedMembers } = useMembers();
<div class="col-sm-12">
<div class="it-brand-wrapper">
<a href="#" data-focus-mouse="false">
<svg class="icon"><use xlink:href="https://italia.github.io/bootstrap-italia/dist/svg/sprites.svg#it-code-circle"></use></svg>
<BIIcon name="it-code-circle" />
<div class="it-brand-text">
<h2>Visione</h2>
<h3 class="d-none d-md-block">Segnalazioni anonime e sicure</h3>
+4 -3
View File
@@ -1,6 +1,7 @@
<script setup lang="ts">
import { ref, computed } from 'vue'
import { ref } from 'vue'
import { useRoute } from 'vue-router'
import BIIcon from "~/components/BIIcon.vue";
const route = useRoute()
@@ -27,10 +28,10 @@ const isAuthenticated = ref(false) // Replace with: const token = useCookie('aut
<div class="row">
<div class="col-12">
<div class="it-header-slim-wrapper-content">
<a class="d-none d-lg-block navbar-brand" href="#">Dipartimento della Pubblica Sicurezza</a>
<a class="d-none d-lg-block navbar-brand" href="https://www.interno.gov.it/it/ministero/dipartimenti/dipartimento-pubblica-sicurezza">Dipartimento della Pubblica Sicurezza</a>
<div class="nav-mobile">
<nav aria-label="Navigazione secondaria">
<a class="it-opener d-lg-none" data-bs-toggle="collapse" href="#menuC2" role="button" aria-expanded="false" aria-controls="menuC2">
<a class="it-opener d-lg-none" data-bs-toggle="collapse" href="https://www.interno.gov.it/it/ministero/dipartimenti/dipartimento-pubblica-sicurezza" role="button" aria-expanded="false" >
<span>Dipartmento della Pubblica Sicureazza</span>
<BIIcon name="it-expand" />
</a>