Can I mix and match standard foundry views with Svelte components?

<script>
  import ScrollingContainer from "~/helpers/svelte-components/ScrollingContainer.svelte";
  import { getContext } from "svelte";
  import { ActiveEffectList } from "../../libs/foundry.js";

  const doc = getContext("#doc");
  console.log($doc);
  const activeEffects = new ActiveEffectList({
    object: $doc,
    state: $doc.Effects,
    editable: true,
  });
  activeEffects.render(true);
</script>