Merge pull request #579 from dnischeta/add-vue-template

Add vue.js template into create-mini-app
Telegram-Mini-Apps · Dec 3, 2024 · d1ca066 · d1ca066
2 parents 2fdba9f + b73bccf
commit d1ca066
Show file tree

Hide file tree

Showing 5 changed files with 9 additions and 2 deletions.
diff --git a/.changeset/rare-eels-shave.md b/.changeset/rare-eels-shave.md
@@ -0,0 +1,5 @@
+---
+"@telegram-apps/create-mini-app": minor
+---
+
+Add vue.js template.
diff --git a/apps/docs/packages/telegram-apps-create-mini-app.md b/apps/docs/packages/telegram-apps-create-mini-app.md
@@ -49,7 +49,7 @@ your application by sequentially prompting for the following information:
 |----------------|-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|
 | **Language**   | Choose between **TypeScript** or **JavaScript**.                                                                                                                                                                                                                                                                                        |
 | **SDK**        | **• tma.js** [@telegram-apps/sdk](https://www.npmjs.com/package/@telegram-apps/sdk) <br/>A TypeScript library for seamless communication with Telegram Mini Apps functionality. <br/> **• Telegram SDK** [@twa-dev/sdk](https://www.npmjs.com/package/@twa-dev/sdk)<br/>This package allows you to work with the SDK as an npm package. |
-| **Frameworks** | **• React.js** [template](https://github.com/Telegram-Mini-Apps/reactjs-template)<br/> **• Next.js** [template](https://github.com/Telegram-Mini-Apps/nextjs-template)<br/> **• Solid.js** [template](https://github.com/Telegram-Mini-Apps/solidjs-js-template)<br/>                                                                   |
+| **Frameworks** | **• React.js** [template](https://github.com/Telegram-Mini-Apps/reactjs-template)<br/> **• Next.js** [template](https://github.com/Telegram-Mini-Apps/nextjs-template)<br/> **• Solid.js** [template](https://github.com/Telegram-Mini-Apps/solidjs-js-template)<br/> **• Vue.js** [template](https://github.com/Telegram-Mini-Apps/vuejs-template)<br/>                                                                   |
 
 ### 3.	Git Remote Repository URL (Optional)
 

diff --git a/packages/create-mini-app/src/prompts/promptTemplate/sections.ts b/packages/create-mini-app/src/prompts/promptTemplate/sections.ts
@@ -26,6 +26,7 @@ export const sections: Section[] = [
       { title: 'Solid.js', value: 'solid' },
       { title: 'Next.js', value: 'next' },
       { title: 'jQuery', value: 'jquery' },
+      { title: 'Vue.js', value: 'vue' },
       { title: 'None', value: 'none' },
     ],
   },

diff --git a/packages/create-mini-app/src/templates.ts b/packages/create-mini-app/src/templates.ts
@@ -33,6 +33,7 @@ const settings = {
       solid: 'solidjs-template',
       next: 'nextjs-template',
       jquery: 'typescript-template',
+      vue: 'vuejs-template',
     },
     tsdk: {
       react: 'reactjs-tsdk-template',

diff --git a/packages/create-mini-app/src/types.ts b/packages/create-mini-app/src/types.ts
@@ -15,4 +15,4 @@ export interface Template {
 
 export type Language = 'js' | 'ts';
 export type SDK = 'tsdk' | 'telegramApps';
-export type Framework = 'solid' | 'react' | 'next' | 'jquery' | 'none';
+export type Framework = 'solid' | 'react' | 'next' | 'jquery' | 'vue' | 'none';