I have a structure like this and would like to remove the root in the component to not break the styling with my non-social settings. Is this possible somehow? When I try I can only see my first component and others are not there. Maybe we could make it possible to initiate my social-sharing elements in javascript instead or remove the requirement for a root element. Thanks for an awesome library.
<div class="settings">
<div class="setting" @click="editProduct"> <!--v-if="isCuratorProduct(product)">-->
<svg class="setting-icon edit" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
<polygon points="16 3 21 8 8 21 3 21 3 16 16 3" fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
</svg>
</div>
<div class="setting" @click="deleteProduct" v-if="isCuratorProduct(product)">
<svg class="setting-icon trash" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<polyline points="3 6 5 6 21 6"/>
<path d="M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2"/>
</svg>
</div>
<div class="setting" @click="editProductLinks" v-if="isCuratorProduct(product)">
<svg class="setting-icon link" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
<path d="M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71" fill="none" stroke="#000" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2"/>
<path d="M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71" fill="none" stroke="#000" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2"/>
</svg>
</div>
<social-sharing url="test.com"
:title="this.shortTitle"
:description="this.shortDescription"
quote="Cool!"
hashtags="quality, product, curated"
twitter-user="test"
v-cloak inline-template>
<div> <!-- WANT TO REMOVE THIS ROOT -->
<div class="setting facebook-share">
<network network="facebook">
<i class="facebook f icon"></i>
</network>
</div>
<div class="setting pinterest-share">
<network network="pinterest">
<i class="pinterest icon"></i>
</network>
</div>
<div class="setting twitter-share">
<network network="twitter">
<i class="twitter icon"></i>
</network>
</div>
</div>
</social-sharing>
</div>