From faa9c465a619ae49b4d431a78514e97e1e11e651 Mon Sep 17 00:00:00 2001
From: Dany <zdanymc@gmail.com>
Date: Wed, 6 Dec 2023 23:14:39 +0100
Subject: [PATCH] fix #52

---
 components.d.ts           |  1 +
 src/views/PluginsView.vue | 23 ++++++++++++++++-------
 2 files changed, 17 insertions(+), 7 deletions(-)

diff --git a/components.d.ts b/components.d.ts
index ccf4600..d14188b 100644
--- a/components.d.ts
+++ b/components.d.ts
@@ -57,6 +57,7 @@ declare module 'vue' {
     PhFiles: typeof import('~icons/ph/files')['default']
     PhFloppyDiskBold: typeof import('~icons/ph/floppy-disk-bold')['default']
     PhInfo: typeof import('~icons/ph/info')['default']
+    PhLightbulbFilamentFill: typeof import('~icons/ph/lightbulb-filament-fill')['default']
     PhListMagnifyingGlass: typeof import('~icons/ph/list-magnifying-glass')['default']
     PhMagnifyingGlass: typeof import('~icons/ph/magnifying-glass')['default']
     PhNut: typeof import('~icons/ph/nut')['default']
diff --git a/src/views/PluginsView.vue b/src/views/PluginsView.vue
index 385775c..8257abd 100644
--- a/src/views/PluginsView.vue
+++ b/src/views/PluginsView.vue
@@ -107,13 +107,22 @@ watchEffect(() => {
 		<div class="flex flex-wrap items-end justify-between gap-2">
 			<p class="font-medium">Installed plugins: {{ pluginsState.data?.installed?.length ?? 0 }}</p>
 			<!--<SelectBox v-model="selectedPageSize" :list="[10, 25, 50, 100].map(p => ({ label: p.toString(), value: p }))" />-->
-			<button
-				:disabled="pluginsState.loading || Boolean(pluginsState.error)"
-				class="btn btn-primary btn-sm rounded-md hover:shadow-lg"
-				@click="uploadFile('plugin')">
-				<ph-export-bold class="h-4 w-4" />
-				Upload plugin
-			</button>
+			<div class="flex flex-wrap items-end justify-between gap-2">
+				<a
+					href="https://cheshire-cat-ai.github.io/docs/plugins-registry/plugin-from-template/"
+					target="_blank"
+					class="btn btn-primary btn-outline btn-sm rounded-md hover:shadow-lg">
+					<ph-lightbulb-filament-fill class="h-4 w-4" />
+					Create plugin
+				</a>
+				<button
+					:disabled="pluginsState.loading || Boolean(pluginsState.error)"
+					class="btn btn-primary btn-sm rounded-md hover:shadow-lg"
+					@click="uploadFile('plugin')">
+					<ph-export-bold class="h-4 w-4" />
+					Upload plugin
+				</button>
+			</div>
 		</div>
 		<ErrorBox v-if="pluginsState.loading || pluginsState.error" :load="pluginsState.loading" :error="pluginsState.error" />
 		<div v-else-if="filteredList.length > 0" class="flex flex-col gap-4">