fix #52

cheshire-cat-ai · Dec 6, 2023 · faa9c46 · faa9c46
1 parent d9a6a3e
commit faa9c46
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 7 deletions.
diff --git 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
@@ -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">