fix: prevent Google Translate from breaking Material Icons and fix lang attribute

This commit is contained in:
2026-03-31 18:29:55 -05:00
parent a9b906099e
commit a60b079d94
43 changed files with 459 additions and 320 deletions

View File

@ -98,10 +98,10 @@ onUnmounted(() => {
</div>
<div v-else-if="shuttleStore.error" class="state-container">
<span class="material-icons">error_outline</span>
<span class="material-icons notranslate" translate="no">error_outline</span>
<p>{{ shuttleStore.error }}</p>
<button class="retry-btn" @click="shuttleStore.loadShuttles()">
<span class="material-icons">refresh</span>
<span class="material-icons notranslate" translate="no">refresh</span>
{{ t('common.retry') || 'Reintentar' }}
</button>
</div>
@ -128,7 +128,7 @@ onUnmounted(() => {
alt="Shuttle"
/>
<div class="company-tag" v-if="shuttle.company_name">
<span class="material-icons">business</span>
<span class="material-icons notranslate" translate="no">business</span>
{{ shuttle.company_name }}
</div>
</div>
@ -137,18 +137,18 @@ onUnmounted(() => {
<div class="route-header">
<div class="route-main">
<span class="location-name">{{ shuttle.origin }}</span>
<span class="material-icons separator-icon">east</span>
<span class="material-icons separator-icon notranslate" translate="no">east</span>
<span class="location-name">{{ shuttle.destination }}</span>
</div>
</div>
<div class="card-meta">
<div class="meta-tag">
<span class="material-icons">directions_bus</span>
<span class="material-icons notranslate" translate="no">directions_bus</span>
<span>{{ shuttle.vehicle_type }}</span>
</div>
<div class="meta-tag" v-if="shuttle.estimated_duration">
<span class="material-icons">schedule</span>
<span class="material-icons notranslate" translate="no">schedule</span>
<span>{{ shuttle.estimated_duration }}</span>
</div>
</div>
@ -159,7 +159,7 @@ onUnmounted(() => {
<span class="price-val">${{ shuttle.price_per_person }}</span>
</div>
<button class="view-details-btn">
<span class="material-icons">chevron_right</span>
<span class="material-icons notranslate" translate="no">chevron_right</span>
</button>
</div>
</div>
@ -167,7 +167,7 @@ onUnmounted(() => {
<!-- EMPTY STATE -->
<div v-if="filteredShuttles.length === 0" class="empty-state">
<span class="material-icons">directions_bus_filled</span>
<span class="material-icons notranslate" translate="no">directions_bus_filled</span>
<p>{{ t('shuttle.noShuttles') }}</p>
</div>
</div>