While working on my personal portfolio, I encountered an issue when trying to include an animated svg icon using the object tag. Instead of the desired result, my entire webpage appears inside the object tag as seen in this screenshot.
The problem persists despite using Vuejs. Here's a snippet from my template:
<template>
<div>
<p>Landing Page</p>
<object
type="image/svg+xml"
data="public/Images/logo/logo.svg"
/>
</div>
</template>
Does anyone have any insight into why this unexpected behavior is happening?