title: How do I import vue examples into a standalone html file?
body: <p>In my quest to learn Vue I'm trying to create a page with tabs based on one of the Vue examples, <a href="https://vuejsexamples.com/a-slim-tab-component-for-vue-js/" rel="nofollow noreferrer">https://vuejsexamples.com/a-slim-tab-component-for-vue-js/</a>, but I must be missing something obvious as I get a syntax error on the line </p>
  
  <pre class="lang-html prettyprint-override"><code>import * as Tabs from 'vue-slim-tabs';
  </code></pre>
  
  <p>when I open it in chrome</p>
  
  <pre><code>tabs01.html:27 Uncaught SyntaxError: Unexpected token *
  </code></pre>
  
  <p>I am just viewing it as a local file file:///C:/Users/USERX/Documents/git-projects/vue/tabs/tabs01.html as I'm just trying to learn the basics. I suspect I'm missing something very obvious here as neither the import line nor the script tag import works.</p>
  
  <p>tabs01.html:</p>
  
  <pre><code>&lt;html&gt;
  
  &lt;head&gt;
    &lt;title&gt;Tabbing test 01&lt;/title&gt;
  &lt;/head&gt;
  
  &lt;body&gt;
    &lt;div id="app"&gt;
      &lt;template&gt;
        &lt;tabs&gt;
          &lt;tab title="Vue"&gt;
            This is Vue
          &lt;/tab&gt;
          &lt;tab title="React"&gt;
            This is React
          &lt;/tab&gt;
          &lt;tab title="Svelte"&gt;
            This is Svelte
          &lt;/tab&gt;
        &lt;/tabs&gt;
      &lt;/template&gt;
    &lt;/div&gt;
    &lt;script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"&gt;&lt;/script&gt;
    &lt;script src="https://cdn.jsdelivr.net/npm/vue-slim-tabs@0.3.0/dist/vue-slim-tabs.js"&gt;&lt;/script&gt;
  
    &lt;script&gt;
      import * as Tabs from 'vue-slim-tabs';
      Vue.use(Tabs);
      const app = new Vue({
              el: '#app',
              data() {
                  return {}
              },
            });
  &lt;/script&gt;
  
  &lt;/body&gt;
  
  &lt;/html&gt;
  </code></pre>