тег объекта с svg, заполненный всей веб-страницей

Question

Я пытаюсь включить значок svg в мое личное портфолио с тегом object (необходимо анимировать). Вот что происходит, когда я так делаю: По какой-то причине вся веб-страница заполнена тегом объекта.

Вся моя веб-страница помещена внутрь тега объекта. Я использую Vuejs, вот фрагмент моего шаблона:

<template>
  <div>    
    <p>Landing Page</p>
    <object 
      type="image/svg+xml"
      data="public/Images/logo/logo.svg" 
    />
  </div>
</template>

Есть идеи, почему происходит такое поведение?

Answer 1

Вместо этого вы можете включить svg в качестве изображения

<img src="public/Images/logo/test.svg" />