padreug/chateaudufaune.ariege.io
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

refactor(assets): move cosmic-stag to src/assets, rename grounds map

Browse source 
The PNG previously living at public/cosmic-stag.png was actually a
hand-drawn concept map of the property — rename it to property-map.png
so it's available when we wire it into Plan Your Visit or Concept.

The real cosmic-stag (with proper transparency) now lives at
src/assets/cosmic-stag.webp, imported from the three SFCs that use it
and referenced from index.html via a relative path. Vite hashes the
filename on build, so cache invalidation happens automatically and the
single import dedupes to one network fetch.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
Padreug 2026-06-08 20:47:52 +02:00
commit aeccdbc821
6 changed files with 7 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

2
index.html
View file

@ -2,7 +2,7 @@
<html lang="fr"> <html lang="fr">
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<link rel="icon" type="image/png" href="/cosmic-stag.png" /> <link rel="icon" type="image/webp" href="./src/assets/cosmic-stag.webp" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta <meta
name="description" name="description"

0
public/cosmic-stag.png → public/property-map.png
View file

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.2 MiB

After

Width:  |  Height:  |  Size: 2.2 MiB

Before After
Before After

BIN
src/assets/cosmic-stag.webp Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 231 KiB

3
src/components/SiteFooter.vue
View file

@ -1,5 +1,6 @@
<script setup lang="ts"> <script setup lang="ts">
import { useI18n } from 'vue-i18n' import { useI18n } from 'vue-i18n'
import cosmicStag from '@/assets/cosmic-stag.webp'
const { t } = useI18n() const { t } = useI18n()
const year = new Date().getFullYear() const year = new Date().getFullYear()
@ -10,7 +11,7 @@ const year = new Date().getFullYear()
<div class="mx-auto grid max-w-7xl gap-8 px-4 py-10 lg:px-6 md:grid-cols-3"> <div class="mx-auto grid max-w-7xl gap-8 px-4 py-10 lg:px-6 md:grid-cols-3">
<div> <div>
<div class="mb-3 flex items-center gap-3"> <div class="mb-3 flex items-center gap-3">
<img src="/cosmic-stag.png" alt="" class="h-10 w-10" /> <img :src="cosmicStag" alt="" class="h-10 w-10" />
<span class="font-serif text-lg">Château du Faune</span> <span class="font-serif text-lg">Château du Faune</span>
</div> </div>
<p class="text-sm text-muted-foreground">{{ t('footer.tagline') }}</p> <p class="text-sm text-muted-foreground">{{ t('footer.tagline') }}</p>

3
src/components/SiteHeader.vue
View file

@ -2,6 +2,7 @@
import { ref, computed, onMounted, onUnmounted, watch } from 'vue' import { ref, computed, onMounted, onUnmounted, watch } from 'vue'
import { useI18n } from 'vue-i18n' import { useI18n } from 'vue-i18n'
import { RouterLink, useRoute } from 'vue-router' import { RouterLink, useRoute } from 'vue-router'
import cosmicStag from '@/assets/cosmic-stag.webp'
const { t, locale } = useI18n() const { t, locale } = useI18n()
const route = useRoute() const route = useRoute()
@ -98,7 +99,7 @@ onUnmounted(() => {
<div class="mx-auto max-w-7xl px-4 lg:px-6"> <div class="mx-auto max-w-7xl px-4 lg:px-6">
<div class="flex h-16 items-center justify-between gap-4"> <div class="flex h-16 items-center justify-between gap-4">
<RouterLink to="/" class="flex items-center gap-3" @click="closeAll"> <RouterLink to="/" class="flex items-center gap-3" @click="closeAll">
<img src="/cosmic-stag.png" alt="" class="h-9 w-9 shrink-0" /> <img :src="cosmicStag" alt="" class="h-9 w-9 shrink-0" />
<span class="leading-tight"> <span class="leading-tight">
<span class="block font-serif text-base tracking-tight text-foreground"> <span class="block font-serif text-base tracking-tight text-foreground">
Château du Faune Château du Faune

3
src/views/HomeView.vue
View file

@ -1,6 +1,7 @@
<script setup lang="ts"> <script setup lang="ts">
import { useI18n } from 'vue-i18n' import { useI18n } from 'vue-i18n'
import { RouterLink } from 'vue-router' import { RouterLink } from 'vue-router'
import cosmicStag from '@/assets/cosmic-stag.webp'
const { t } = useI18n() const { t } = useI18n()
@ -88,7 +89,7 @@ const featuredEvents = [
</div> </div>
<div class="relative flex items-center justify-center"> <div class="relative flex items-center justify-center">
<img <img
src="/cosmic-stag.png" :src="cosmicStag"
alt="" alt=""
class="h-72 w-72 object-contain md:h-96 md:w-96" class="h-72 w-72 object-contain md:h-96 md:w-96"
/> />