Use image in Library Authors about components

[leandromatos-hotmart]

If i use an image with relative path, it's work on both sides, Nuxt App and Components Library.

SomeComponent.vue

<template>
  <img src="../assets/some-image.png" />
</template>

If i use an image with relative path, its works on both sides, Nuxt App and Components Library.

Is there a way to use an asset directory alias in my Component Library that will also work with Nuxt?

[pi0]

Hi @leandromatos-hotmart. You can use something like this.options.alias['~my-lib'] == __dirname inside your nuxt module to define alias :) But I would suggest sticking with relative paths unless it is going too complex with deep ../.. because relying on an alias would be addictive! (any usage of your component library like bundling, testing, making general vue library needs this alias)