feat: show template icon

yrming · Dec 29, 2023 · f9c2212 · f9c2212
1 parent 6d37433
commit f9c2212
Show file tree

Hide file tree

Showing 6 changed files with 47 additions and 15 deletions.
diff --git a/package.json b/package.json
@@ -2,7 +2,7 @@
   "publisher": "YRM",
   "name": "starter-templates",
   "displayName": "Starter Templates",
-  "version": "0.3.0",
+  "version": "0.4.0",
   "description": "Kickstart your project with a Starter Template in VSCode",
   "license": "MIT",
   "repository": {

diff --git a/resources/nuxt.svg b/resources/nuxt.svg
diff --git a/resources/ts.svg b/resources/ts.svg
diff --git a/resources/vue.svg b/resources/vue.svg
diff --git a/resources/web-ext.svg b/resources/web-ext.svg
diff --git a/src/commands/starter.ts b/src/commands/starter.ts
@@ -128,24 +128,36 @@ export class StarterCommands extends BaseCommands {
   }
 
   private getTemplates(): Array<QuickPickItem & { template?: ProjectTemplate }> {
-    const templates = [
+    const templates: Array<QuickPickItem & { template?: ProjectTemplate }> = [
       {
         kind: QuickPickItemKind.Separator,
         label: 'Vue',
       },
       {
         label: 'Create Vue(Official)',
-        detail: '🛠️ The recommended way to start a Vite-powered Vue project',
+        iconPath: {
+          dark: Uri.file(this.context.asAbsolutePath('resources/vue.svg')),
+          light: Uri.file(this.context.asAbsolutePath('resources/vue.svg')),
+        },
+        detail: 'The recommended way to start a Vite-powered Vue project',
         template: { id: 'create-vue', defaultProjectName: 'vue-project' },
       },
       {
         label: 'Vitesse(Anthony Fu)',
-        detail: '🏕 Opinionated Vite + Vue Starter Template',
+        iconPath: {
+          dark: Uri.file(this.context.asAbsolutePath('resources/vue.svg')),
+          light: Uri.file(this.context.asAbsolutePath('resources/vue.svg')),
+        },
+        detail: 'Opinionated Vite + Vue Starter Template',
         template: { id: 'vitesse', defaultProjectName: 'vue-vitesse-project' },
       },
       {
         label: 'Vitesse Lite(Anthony Fu)',
-        detail: '⛺️ Lightweight version of Vitesse',
+        iconPath: {
+          dark: Uri.file(this.context.asAbsolutePath('resources/vue.svg')),
+          light: Uri.file(this.context.asAbsolutePath('resources/vue.svg')),
+        },
+        detail: 'Lightweight version of Vitesse',
         template: { id: 'vitesse-lite', defaultProjectName: 'vue-vitesse-lite-project' },
       },
       {
@@ -154,31 +166,47 @@ export class StarterCommands extends BaseCommands {
       },
       {
         label: 'Nuxt3 Minimal Starter(Official)',
-        detail: 'Create a new Nuxt project, module, layer or start from a theme with our collection of starters.',
+        iconPath: {
+          dark: Uri.file(this.context.asAbsolutePath('resources/nuxt.svg')),
+          light: Uri.file(this.context.asAbsolutePath('resources/nuxt.svg')),
+        },
+        detail: 'Create a new Nuxt project',
         template: { id: 'nuxt3-minimal-starter', defaultProjectName: 'nuxt-project' },
       },
       {
         label: 'Vitesse Nuxt3(Anthony Fu)',
-        detail: 'Vitesse for Nuxt 3 🏔💚⚡️',
+        iconPath: {
+          dark: Uri.file(this.context.asAbsolutePath('resources/nuxt.svg')),
+          light: Uri.file(this.context.asAbsolutePath('resources/nuxt.svg')),
+        },
+        detail: 'Vitesse for Nuxt 3',
         template: { id: 'vitesse-nuxt3', defaultProjectName: 'nuxt-vitesse-project' },
       },
       {
         kind: QuickPickItemKind.Separator,
-        label: 'Web Extension',
+        label: 'TypeScript Library',
       },
       {
-        label: 'Vitesse WebExt(Anthony Fu)',
-        detail: '⚡️ WebExtension Vite Starter Template',
-        template: { id: 'vitesse-webext', defaultProjectName: 'webext-vitesse-project' },
+        label: 'Starter TS(Anthony Fu)',
+        iconPath: {
+          dark: Uri.file(this.context.asAbsolutePath('resources/ts.svg')),
+          light: Uri.file(this.context.asAbsolutePath('resources/ts.svg')),
+        },
+        detail: 'Starter template for TypeScript library',
+        template: { id: 'starter-ts', defaultProjectName: 'ts-library-project' },
       },
       {
         kind: QuickPickItemKind.Separator,
-        label: 'TypeScript Library',
+        label: 'Web Extension',
       },
       {
-        label: 'Starter TS(Anthony Fu)',
-        detail: 'Starter template for TypeScript library',
-        template: { id: 'starter-ts', defaultProjectName: 'ts-library-project' },
+        label: 'Vitesse WebExt(Anthony Fu)',
+        iconPath: {
+          dark: Uri.file(this.context.asAbsolutePath('resources/web-ext.svg')),
+          light: Uri.file(this.context.asAbsolutePath('resources/web-ext.svg')),
+        },
+        detail: 'WebExtension Vite Starter Template',
+        template: { id: 'vitesse-webext', defaultProjectName: 'webext-vitesse-project' },
       },
     ]
     return templates