update dev build to use --poport 6173 and be available on local network with --host

package.json

@@ -4,7 +4,7 @@
   "private": true,
   "type": "module",
   "scripts": {
-    "dev": "vite",
+    "dev": "vite --host --port 6173",
     "build": "vue-tsc -b && vite build",
     "preview": "vite preview",
     "lint": "eslint . --fix",

src/views/HomeView.vue

@@ -4,8 +4,6 @@ import { RouterLink } from 'vue-router'
 import { Button } from '@/components/ui/button'
 import { Card, CardContent } from '@/components/ui/card'
 import cosmicStag from '@/assets/cosmic-stag.avif'
-import cosmicStagMorphWebm from '@/assets/cosmic-stag-morph-1024.webm'
-import cosmicStagMorphWebp from '@/assets/cosmic-stag-morph-fallback.webp'
 import heroLandscape from '@/assets/hero-landscape.webp'
 import sectionTile from '@/assets/section-tile.webp'
 
@@ -76,21 +74,10 @@ const featuredEvents = [
         >
           Château du Faune
         </h1>
-        <video
-          autoplay
-          muted
-          loop
-          playsinline
-          aria-hidden="true"
-          class="mt-4 h-80 w-80 object-contain motion-reduce:hidden md:h-[28rem] md:w-[28rem] lg:h-[36rem] lg:w-[36rem] xl:h-[42rem] xl:w-[42rem]"
-        >
-          <source :src="cosmicStagMorphWebm" type="video/webm" />
-          <img :src="cosmicStagMorphWebp" alt="" />
-        </video>
         <img
           :src="cosmicStag"
           alt=""
-          class="mt-4 hidden h-80 w-80 object-contain motion-reduce:block md:h-[28rem] md:w-[28rem] lg:h-[36rem] lg:w-[36rem] xl:h-[42rem] xl:w-[42rem]"
+          class="mt-4 h-80 w-80 object-contain md:h-[28rem] md:w-[28rem] lg:h-[36rem] lg:w-[36rem] xl:h-[42rem] xl:w-[42rem]"
         />
       </div>
     </section>