Plug-in menu message

src/i18n/en_US.jsonc

@@ -158,6 +158,7 @@
   "term.noVideos": "No videos found.",
   "term.plugin": "Plug-in",
   "term.pluginMenu": "Plug-in Menu",
+  "term.pluginMenu.none": "You don't have any plug-in needs interaction.",
   "term.replay": "Replay", //Apple Music Replay
   "term.uniqueAlbums": "Unique Albums",
   "term.uniqueArtists": "Unique Artists",

src/renderer/views/components/plugin-menu.ejs

@@ -7,9 +7,13 @@
                   <button class="close-btn" @click="app.resetState()"></button>
               </div>
               <div class="modal-content">
+                <span class="playlist-item" v-if="!app.pluginInstalled">
+                    <span class="icon"><%- include("../svg/x.svg") %></span>
+                    <span class="name" style="top: 0.5px;">{{$root.getLz('term.pluginMenu.none')}}</span>
+                </span>
                 <button class="playlist-item" @click="entry.onClick(); closeMenu();" v-for="entry in app.pluginMenuEntries">
                   <span class="icon"><%- include("../svg/grid.svg") %></span>
-                  <span class="name" style="top: 1px;">{{ entry.name }}</span>
+                  <span class="name" style="top: 0.5px;">{{ entry.name }}</span>
                 </button>
               </div>
           </div>

src/renderer/views/svg/x.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-x"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg>