feat: migrate to new plugin api

Co-authored-by: Su-Yong <simssy2205@gmail.com>

src/plugins/exponential-volume/index.ts

@@ -0,0 +1,17 @@
+import { createPluginBuilder } from '../utils/builder';
+
+const builder = createPluginBuilder('exponential-volume', {
+  name: 'Exponential Volume',
+  restartNeeded: true,
+  config: {
+    enabled: false,
+  },
+});
+
+export default builder;
+
+declare global {
+  interface PluginBuilderList {
+    [builder.id]: typeof builder;
+  }
+}

src/plugins/exponential-volume/renderer.ts

@@ -1,6 +1,8 @@
 // "YouTube Music fix volume ratio 0.4" by Marco Pfeiffer
 // https://greasyfork.org/en/scripts/397686-youtube-music-fix-volume-ratio/
 
+import builder from './index';
+
 const exponentialVolume = () => {
   // Manipulation exponent, higher value = lower volume
   // 3 is the value used by pulseaudio, which Barteks2x figured out this gist here: https://gist.github.com/Barteks2x/a4e189a36a10c159bb1644ffca21c02a
@@ -38,8 +40,11 @@ const exponentialVolume = () => {
   });
 };
 
-export default () =>
-  document.addEventListener('apiLoaded', exponentialVolume, {
-    once: true,
-    passive: true,
-  });
+export default builder.createRenderer(() => ({
+  onLoad() {
+    return document.addEventListener('apiLoaded', exponentialVolume, {
+      once: true,
+      passive: true,
+    });
+  },
+}));