ruby-on-rails - webpacker gem でアセットにアクセスする方法

Question

vue.js コンポーネント内の webpacker gem からアセットにアクセスする方法を説明していただけますか? 例 - 背景画像で div を作成する方法。/app/assets/images および /app/javascripts/assets フォルダーを使用しようとしましたが、画像はテンプレート セクションでのみ使用でき、スタイル セクションでは使用できません :(

私の場合

<template>
    <div id="home">
        <div id="intro">
            <img src="assets/cover-image-medium.png" alt="">
        </div>
    </div>
</template>

正常に動作しますが、

<style scoped>
    #intro {
        height: 200px;
        background: url("assets/cover-image-medium.png");
    }
</style>

動作していません:(

どうしたの？