From 98b6393fc47379bee30f2fbb8e33b60e546f13f0 Mon Sep 17 00:00:00 2001
From: Kenny <27463495+Frontesque@users.noreply.github.com>
Date: Mon, 4 Apr 2022 14:03:05 -0400
Subject: [PATCH] feat: :sparkles: Add plugins

Add 'test plugin' already installed by default
---
 NUXT/pages/mods/plugins.vue | 60 +++++++++++++++++++++++++++++++++++++
 NUXT/pages/settings.vue     |  2 +-
 NUXT/plugins/demoPlugin.js  | 10 +++++++
 3 files changed, 71 insertions(+), 1 deletion(-)
 create mode 100644 NUXT/pages/mods/plugins.vue
 create mode 100644 NUXT/plugins/demoPlugin.js

diff --git a/NUXT/pages/mods/plugins.vue b/NUXT/pages/mods/plugins.vue
new file mode 100644
index 0000000..baf32f0
--- /dev/null
+++ b/NUXT/pages/mods/plugins.vue
@@ -0,0 +1,60 @@
+<template>
+  <div class="py-2">
+    <v-list-item v-for="(plugin, index) in plugins" :key="index" class="my-1">
+      <v-card flat class="card my-2 background" :class="$vuetify.theme.dark ? 'lighten-1' : 'darken-1'">
+
+
+        <v-card-title style="padding: 0 0.25em 0 0.75em">{{ plugin.manifest.name }} {{ plugin.manifest.version }}</v-card-title>
+        <div style="padding: 1em 1em 0 0.75em; padding-left: 1.25em;">by {{ plugin.manifest.author }} {{ plugin.manifest.license ? `(${plugin.manifest.license})` : '' }}</div>
+        <v-card-text>
+          {{ plugin.manifest.description }}
+        </v-card-text>
+
+      </v-card>
+    </v-list-item>
+  </div>
+</template>
+
+<style scoped>
+  .card {
+    width: 100%;
+  }
+
+  .subtitle {
+    margin: 0.4em;
+    font-size: 0.75em;
+    transform: translateY(5%);
+  }
+
+  .date {
+    transform: translateY(-40%);
+  }
+
+  .btn-icon {
+    margin-right: 0.25em;
+  }
+
+  .tags {
+    margin-left: 0.5em;
+  }
+
+</style>
+
+<script>
+
+  export default {
+    data() {
+      return {
+        plugins: new Array(),
+        installedVersion: process.env.appVersion,
+      };
+    },
+    async mounted() {
+
+      const temp = require('~/plugins/demoPlugin.js');
+      this.plugins = [temp];
+
+    }
+  };
+
+</script>
diff --git a/NUXT/pages/settings.vue b/NUXT/pages/settings.vue
index c58c6ab..099c6b4 100644
--- a/NUXT/pages/settings.vue
+++ b/NUXT/pages/settings.vue
@@ -51,7 +51,7 @@ export default {
           to: "/mods/tweaks",
         },
         { name: "Startup Options", icon: "mdi-restart", to: "/mods/startup" },
-        { name: "Plugins", icon: "mdi-puzzle", to: "", disabled: true },
+        { name: "Plugins", icon: "mdi-puzzle", to: "", to: "/mods/plugins" },
         {
           name: "Updates",
           icon: "mdi-cloud-download-outline",
diff --git a/NUXT/plugins/demoPlugin.js b/NUXT/plugins/demoPlugin.js
new file mode 100644
index 0000000..07c92b8
--- /dev/null
+++ b/NUXT/plugins/demoPlugin.js
@@ -0,0 +1,10 @@
+module.exports = {
+  manifest: {
+    name: "Test plugin",
+    version: "1.0",
+    author: "Frontesque",
+    description: "A plugin to test how vuetube handles plugins // Add 'Hello, World!' to the home page.",
+    homepage: "https://vuetube.app",
+    license: "GPL-3.0"
+  }
+}