Asset management in a Vue.js

Hi everyone,

I'm working on a Vue.js project and considering the best way to manage image and icon assets. I was thinking of centralizing the paths for these assets in a single JavaScript file. For example:

// assets.js
export const images = {
  logo: require('@/assets/images/logo.png'),
  banner: require('@/assets/images/banner.jpg'),
};

export const icons = {
  home: require('@/assets/icons/home.svg'),
  settings: require('@/assets/icons/settings.svg'),
};

This approach would allow me to manage all asset paths in one place and easily import them wherever needed in my components.

Does this practice have any advantages or potential issues? Are there better ways to handle asset management in a Vue.js project?

I appreciate any insights or recommendations!

Thanks!