title: `Vue3 - Vite` project alias src to @ not working
body: <p>I have installed the project with <code>vue3 - vite</code> importing a component like</p>
  <pre><code>import Component from '../../../../components/Component.vue'
  </code></pre>
  <p>i just want to alias the src folder and do</p>
  <pre><code>import Component from '@/components/Component.vue'
  </code></pre>
  <p>this is my vite.config.js</p>
  <pre class="lang-js prettyprint-override"><code>import vue from '@vitejs/plugin-vue'
  
  /**
   * https://vitejs.dev/config/
   * @type {import('vite').UserConfig}
   */
  export default {
      plugins: [
          vue({
              template: {
                  compilerOptions: {
                      // ...
                  }
              }
          })
      ]
  }
  </code></pre>
  <p>am i missing something? what else should i do?</p>