title: Vue code throws error, has no default Export on Editor Terminal
body: <p>There is no problem in Browser, i am getting needed output. But why is this showing in Editor Terminal constantly?</p>
  <p>Any Help would be much appreciated.</p>
  <p><strong>No Default export Error:</strong></p>
  <pre><code>Module '&quot;/vue3/src/components/TestIcon.vue&quot;' has no default export.
  </code></pre>
  <p>My component looks like this.</p>
  <p><strong>TestIcon.vue</strong></p>
  <pre><code>&lt;template&gt;
    &lt;span v-html=&quot;svg&quot; class=&quot;icon-wrapper&quot; ref=&quot;iconWrapper&quot;&gt;&lt;/span&gt;
  &lt;/template&gt;    
  &lt;script setup lang=&quot;ts&quot;&gt;
  import type { tycon } from &quot;test-icons&quot;;
  import { computed, onMounted, ref } from &quot;vue&quot;;
  import { completeDataSet } from &quot;test-icons&quot;;
  
  const props = defineProps&lt;{
    icon: tycon;
    class: string;
    color: string;
    height: string;
    width: string;
  }&gt;();
  const iconPassed = completeDataSet.find((item) =&gt; item.name === props.icon);
  
  const svg = computed(() =&gt; iconPassed?.data);
  
  const iconWrapper = ref&lt;HTMLElement | null&gt;(null);
  
  onMounted(() =&gt; {
    iconWrapper.value?.lastElementChild?.firstElementChild?.setAttribute(
      &quot;class&quot;,
      props.class
    );
  
    iconWrapper.value?.firstElementChild?.setAttribute(
      &quot;style&quot;,
      &quot;width:&quot; + props.width + &quot;px;height:&quot; + props.height + &quot;px;&quot;
    );
  
    iconWrapper.value?.firstElementChild?.firstElementChild?.setAttribute(
      &quot;fill&quot;,
      props.color
    );
  });
  &lt;/script&gt;
  </code></pre>
  <p><strong>App.vue:</strong></p>
  <pre><code>&lt;template&gt;
    &lt;main&gt;
      &lt;TestIcon :icon=&quot;'icon_test'&quot; :class=&quot;'tests'&quot; :height=&quot;40&quot; :width=&quot;40&quot; /&gt;
    &lt;/main&gt;
  &lt;/template&gt;
  &lt;script lang=&quot;ts&quot;&gt;
  import TestIcon from &quot;@/components/TestIcon.vue&quot;;
  export default {
    components: {
      TestIcon,
    }
  };
  &lt;/script&gt;
  </code></pre>