vue環境でモーダルウインドウを実現するサンプルを作成していただける方

【概要】 Vue.js のプロジェクトで仕様を満たすモーダルウインドウを実装していただいてコードをいただきたいです。 【依頼背景】 自前で実装してみたものの、うまくいかない部分があり、専門としている方の実装を参考にしたいです。 【依頼内容】 - Vue.js プロジェクトを新規作成いただく。 - スクロールが必要になる縦長のページになるように適当なコンテンツを並べて改修。 - フッターにモーダルウインドウを開くリンクを配置し、リンクを押すとモーダルウインドウが開くように実装。 - モーダルウインドウの裏側は固定したいです。モーダルウインドウを閉じたときは裏側のスクロール量を保持して復帰したいです。 - モーダルウインドウ内は長文テキストをスクロールしたいです。 - できればVue 3.2で導入された<script setup>という記法でお願いしたいです。 以上となります。これを実現したコードを納品いただきたいです。 不明点等あればメッセージいただければと思います。 よろしくお願いいたします。