feat: Vue dynamic snippets

feat: Vue dynamic snippets

Author: adhamfarrag

README.md

@@ -118,6 +118,8 @@ While using the CLI directly from your terminal is perfectly viable, Nuxtr's int
 
 **Nuxt Snippets**: Enhance your development speed with Nuxt snippets. Simply type `nuxt` for components, `use` for Composables, or begin typing Nuxt utilities and select your desired snippet from the list.
 
+Starting 0.2.10, you can inject a dynamic snippet based on your Nuxtr Vue files configuration with `vueBaseFile` or `vueBaseLayout`.
+
 Nuxt Snippets are enabled by default. You can toggle them on or off using this setting:
 
 ```JSON

src/snippets/index.ts

@@ -1,8 +1,8 @@
-import { extensions } from 'vscode';
+import { extensions, MarkdownString, languages, CompletionItem, CompletionItemKind, Position, TextDocument, Range, DocumentHighlight, DocumentHighlightKind } from 'vscode';
 import * as os from 'os';
 import { existsSync, move, mkdirSync, readdirSync, removeSync } from 'fs-extra';
 import { join, resolve } from 'pathe';
-import { getConfiguration } from '../utils';
+import { getConfiguration, languageSelector, generateVueFileBasicTemplate } from '../utils';
 
 export enum SnippetSource {
     nuxt = 'Nuxt',
@@ -48,3 +48,51 @@ export const toggleSnippets = async () => {
     await manageSnippetState(SnippetSource.nuxt, snippetsConfigurations.nuxt);
     await manageSnippetState(SnippetSource.nitro, snippetsConfigurations.nitro);
 }
+
+
+export const vuePageTemplate = languages.registerCompletionItemProvider(
+    { language: 'vue' },
+    {
+        provideCompletionItems(document: TextDocument, position: Position) {
+            const completionItem = new CompletionItem('vueBaseFile', CompletionItemKind.Snippet);
+            completionItem.detail = 'Generate a Vue page/component template';
+
+            const template = generateVueFileBasicTemplate('page');
+
+            // Create a MarkdownString for documentation with code highlighting
+            const documentation = new MarkdownString();
+            documentation.appendMarkdown(`Generate a Vue page/component template according to your Nuxtr configuration.\n\n`);
+            documentation.appendCodeblock(template, 'vue'); // Specify 'vue' as the language for code block highlighting
+
+            completionItem.documentation = documentation;
+            completionItem.kind = CompletionItemKind.Snippet;
+            completionItem.insertText = template;
+
+            return [completionItem];
+        }
+    }
+);
+
+
+export const vueBaseTemplate = languages.registerCompletionItemProvider(
+    { language: 'vue' },
+    {
+        provideCompletionItems(document: TextDocument, position: Position) {
+            const completionItem = new CompletionItem('vueBaseLayout', CompletionItemKind.Snippet);
+            completionItem.detail = 'Generate a Vue file template';
+
+            const template = generateVueFileBasicTemplate('layout');
+
+            // Create a MarkdownString for documentation with code highlighting
+            const documentation = new MarkdownString();
+            documentation.appendMarkdown(`Generate a Vue file template according to your Nuxtr configuration.\n\n`);
+            documentation.appendCodeblock(template, 'vue'); // Specify 'vue' as the language for code block highlighting
+
+            completionItem.documentation = documentation;
+            completionItem.kind = CompletionItemKind.Snippet;
+            completionItem.insertText = template;
+
+            return [completionItem];
+        }
+    }
+);