WIP

src/views/PluginStore.vue

@@ -0,0 +1,45 @@
+<template>
+    <div class="offcanvas offcanvas-end" id="moduleStoreCanvas"
+         aria-hidden="true">
+        <div class="offcanvas-header">
+            <h5><i class="fa-solid fa-puzzle-piece"></i> Plugins</h5>
+            <button type="button" class="btn-close" data-bs-dismiss="offcanvas"  aria-label="Close"></button>
+        </div>
+        <div class="offcanvas-body">
+            <div class="col-12" v-for="(plugin, pluginKey) in plugins" v-bind:key="pluginKey">
+                <div class="card" :style="'background-color: '+plugin.color">
+                    <div class="plugin-card-icon">
+                        <i :class="plugin.icon"></i>
+                    </div>
+                    <div class="card-body">
+                        {{ plugin.name }}
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</template>
+
+<script>
+export default {
+    name: "PluginStore",
+    data() {
+        return {
+            plugins: {
+                notes: {
+                    name: 'Notizen',
+                    icon: 'fa-solid fa-pencil',
+                    color: '#ffea77',
+                    active: true
+                }
+            }
+        }
+    }
+}
+</script>
+
+<style scoped>
+.plugin-card-icon {
+    display: inline-block;
+}
+</style>