coral-card-title doesn't render in Vue when inside coral-card

[AlexanderYW]

Expected Behavior

The coral-card-title is rendering

Actual Behavior

The coral-card-title doesn't render

Reproduce Scenario (including but not limited to)

Create a Vue3 project, import coral project code, and add all elements to render a card successfully as shown in examples

Steps to Reproduce

• npm install -g @vue/cli
• Create a vue3 project vue create hello-world with default options
• npm i @adobe/coral-spectrum --save
• import coral js and css into main.js
• use any card example that contains coral-card-title from documentation https://opensource.adobe.com/coral-spectrum/examples/#card
• preview your vue project, and you see coral-card-title is not rendered

Browser name/version/os (ie Chrome Version 62.0.3202.94 (Official Build) (64-bit) MacOS)

• Chrome latest (64-bit) (Windows 10)

Coral Spectrum version

Version: 4.10.12

Sample Code that illustrates the problem (use the Playground if possible)

https://jsfiddle.net/fydks2m4/

Extra

I have a theory that it's due to the usage of "insertBefore" in card component, when I comment out line 194 to 197 in Card.js it works