如何将css样式传递给Vue中的插件？

<template>
  <div class="plugin-container">
    <!-- 插件内容 -->
  </div>
</template>

<style scoped>
.plugin-container {
  /* 你的自定义样式 */
}
</style>

<template>
  <div :class="$style.pluginContainer">
    <!-- 插件内容 -->
  </div>
</template>

<style module>
.pluginContainer {
  /* 你的自定义样式 */
}
</style>

<template>
  <PluginComponent :styleObject="pluginStyles" />
</template>

<script>
export default {
  data() {
    return {
      pluginStyles: {
        color: 'red',
        fontSize: '16px'
      }
    };
  }
};
</script>

/* 在全局样式文件中 */
.plugin-class {
  /* 你的自定义样式 */
}

<template>
  <div :style="{ color: 'blue', fontSize: '14px' }">
    <!-- 插件内容 -->
  </div>
</template>