title: Why multiple @import does not work in Vue.js project if I want to import more than 1 CSS files?
body: <p>I am working on one project in which I have one component and few child components that require custom CSS files and some extra vendor CSS files. The problem is, I can't use <code>@import "path/to/css/file.css"</code> multiple times within the <code>&lt;style&gt;..&lt;/style&gt;</code> section for my Vue component.</p>
  
  <p>For example, The code given below will work and it will successfully import the css file and apply styles to the elements that uses the selectors mentioned.</p>
  
  <pre><code>&lt;template&gt;
    &lt;div class="wrapper"&gt;
      &lt;i class="fa fa-user"&gt;&lt;/i&gt;
    &lt;/div&gt;
  &lt;/template&gt;
  
  &lt;script&gt;
    export default {
      name: 'header-for-admin'
    }
  &lt;/script&gt;
  
  &lt;style&gt;
    @import "/path/to/css/file.css"
  &lt;/style&gt;
  </code></pre>
  
  <p>But the next code won't work and it will not even import any css file. All the styling will get broken and I don't know why this is happening. The major issue is, single CSS file included using @import works but I can't use @import more than once as everything will break.</p>
  
  <pre><code>&lt;template&gt;
    &lt;div class="wrapper"&gt;
      &lt;i class="fa fa-user"&gt;&lt;/i&gt;
    &lt;/div&gt;
  &lt;/template&gt;
  
  &lt;script&gt;
    export default {
      name: 'header-for-admin'
    }
  &lt;/script&gt;
  
  &lt;style&gt;
    @import "/path/to/css/file.css"
    @import "/path/to/another/css/file.css"
  &lt;/style&gt;
  </code></pre>
  
  <p>I am thinking to create a new <code>main.css</code> file in which I will use <code>@import</code> to import all the CSS files that a tree of the component requires. Is this a good idea?</p>
  
  <p><strong>SOLVED:</strong> I forgot to put <code>;</code> at the end of the <code>@import</code> statement. Went with the flow of Javascript. Moral of the story, Never forget to put <code>;</code> no matter javascript or CSS or any other language. </p>