create-v-kit-spa 1.0.9 → 1.0.12

package/README.md

@@ -1,5 +1,6 @@
 <br>
 
+
 <div align="center">
 <img src="https://gitlab.com/shuashuaa/v-kit-app/-/raw/main/@shuashuaa-v-kit.png?ref_type=heads" width="300" />
 </div>
@@ -25,6 +26,8 @@ vite/webpack, vuetify and pinia. up-to-date, ready for local-deployment and full
 <!-- <a href="https://www.npmjs.com/package/create-v-kit-spa"><img src="https://img.shields.io/npm/v/create-v-kit-spa?color=c95f8b&amp;label=" alt="NPM version"></a>
 <a href="https://www.npmjs.com/package/create-v-kit-spa"><img src="https://img.shields.io/npm/dw/create-v-kit-spa?style=flat-square" alt="NPM downloads"></a>
 <a href="https://github.com/shuashuaa/v-kit/blob/main/LICENSE"><img src="https://img.shields.io/npm/v/create-v-kit-spa?style=flat-square" alt="License"></a> -->
+
+[![ci-test](https://github.com/Shuashuaa/create-v-kit-spa/actions/workflows/ci.yml/badge.svg)](https://github.com/Shuashuaa/create-v-kit-spa/actions/workflows/ci.yml)
 <a href="https://github.com/shuashuaa/v-kit/blob/main/LICENSE"><img src="https://img.shields.io/npm/v/create-v-kit-spa?style=flat-square&logo=npm&color=ffe963" alt="VERSION"></a>
 <a href="https://www.npmjs.com/package/create-v-kit-spa"><img src="https://img.shields.io/npm/dw/create-v-kit-spa?style=flat-square&logo=npm&color=ffe963" alt="NPM DOWNLOADS"></a>
 <a href="https://github.com/shuashuaa/v-kit/blob/main/LICENSE"><img src="https://img.shields.io/bundlejs/size/create-v-kit-spa?style=flat-square&logo=npm&color=ffe963" alt="MINIFIED SIZE"></a>
@@ -67,7 +70,7 @@ https://windows.php.net/downloads/releases/archives/php-8.0.9-Win32-vs16-x64.zip
 
 # Reference Table (❗ PHP Version is Important ❗)
 
-### Mono Repo
+### Monolith Repo
 > frontend and backend are in a single folder, united via configuration.
 
 | Version & Type       |  Features                                                | Prerequisite                    |
@@ -174,6 +177,7 @@ https://windows.php.net/downloads/releases/archives/php-8.0.9-Win32-vs16-x64.zip
 | `php artisan migrate`     | Create a Sessions table                      |
 | `npm run artisan-dev`     | Run both `php artisan serve` and `yarn dev`  |
 | `http://127.0.0.1:8000/`  | Visit your app, Enjoy! 🎉🎉                 |
+| `npm run build `          | Deploy! 🎉🎉                                |
 <br>
 
 ## Docs
@@ -184,7 +188,7 @@ Have an idea? Found a bug? See [how to contribute](https://github.com/Shuashuaa/
 
 ## Contributors
 Thanks to:
-- [RGienz](https://github.com/RGienz) for contributing and maintaining [vuejs3 - laravel9](#vue-3---laravel-9) 👏
+- [RGienz](https://github.com/RGienz) for contributing and maintaining [vuejs3 - laravel8](#vue-3---laravel-8) 👏
 <!-- <br>
 
 ## Changelog
@@ -192,4 +196,4 @@ To learn about the specific changes in each release, check the [Changelog](./Cha
 <br> -->
 
 ## License
-Free and Open Source Under [MIT](./LICENSE) License &copy; 2024-PRESENT [Shuashuaa](https://github.com/Shuashuaa)
+Free and Open Source Under [MIT](./LICENSE) License &copy; 2024-PRESENT [Shuashuaa](https://github.com/Shuashuaa)

package/dist/commands.d.ts

@@ -1,2 +1,2 @@
-export {};
+export {};
 //# sourceMappingURL=commands.d.ts.map

package/dist/commands.js

@@ -1,67 +1,78 @@
-"use strict";
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const path_1 = __importDefault(require("path"));
-const fs_1 = __importDefault(require("fs"));
-const utils_1 = require("./utils");
-const prompts_1 = require("./prompts");
-const messages_1 = require("./messages");
-const count_1 = require("./count");
-const yargs_1 = __importDefault(require("yargs"));
-function createProject() {
-    return __awaiter(this, void 0, void 0, function* () {
-        const argv = yargs_1.default.argv;
-        let projectName = process.argv[2];
-        if (!projectName) {
-            projectName = yield (0, prompts_1.getProjectName)();
-        }
-        const boilerplateChoice = yield (0, prompts_1.getBoilerplateChoice)();
-        const templatePath = getTemplatePath(boilerplateChoice);
-        if (!templatePath) {
-            (0, messages_1.errorMessage)(new Error('\n✖ Invalid boilerplate choice.'));
-            (0, prompts_1.closeReadline)();
-            return;
-        }
-        const sourcePath = path_1.default.join(__dirname, '../lib', templatePath);
-        const destinationPath = path_1.default.join(process.cwd(), projectName);
-        try {
-            yield fs_1.default.promises.mkdir(destinationPath);
-            yield (0, utils_1.copyProjectStructure)(sourcePath, destinationPath);
-            (0, count_1.getCount)(sourcePath, templatePath);
-        }
-        catch (error) {
-            (0, messages_1.errorMessage)(error);
-        }
-        finally {
-            (0, prompts_1.closeReadline)();
-        }
-    });
-}
-function getTemplatePath(boilerplateChoice) {
-    switch (boilerplateChoice) {
-        case 1:
-            return '158';
-        case 2:
-            return '159';
-        case 3:
-            return '160';
-        case 4:
-            return '161';
-        case 5:
-            return '162';
-        default:
-            return null;
-    }
-}
-createProject();
+"use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const path_1 = __importDefault(require("path"));
+const fs_1 = __importDefault(require("fs"));
+const utils_1 = require("./utils");
+const prompts_1 = require("./prompts");
+const messages_1 = require("./messages");
+const count_1 = require("./count");
+const yargs_1 = __importDefault(require("yargs"));
+function createProject() {
+    return __awaiter(this, void 0, void 0, function* () {
+        const argv = yargs_1.default.argv;
+        let projectName = process.argv[2];
+        if (!projectName) {
+            projectName = yield (0, prompts_1.getProjectName)();
+        }
+        // Checks the Destination Path if the inserted project name is already exists
+        const destinationPath = path_1.default.join(process.cwd(), projectName);
+        const dirExists = yield fs_1.default.promises
+            .access(destinationPath, fs_1.default.constants.F_OK)
+            .then(() => true)
+            .catch(() => false);
+        if (dirExists) {
+            (0, messages_1.errorMessage)(new Error(`\n✖ The directory "${projectName}" already exists.`));
+            (0, prompts_1.closeReadline)();
+            return;
+        }
+        // Proceeds to Selection of Boilerplate
+        const boilerplateChoice = yield (0, prompts_1.getBoilerplateChoice)();
+        const templatePath = getTemplatePath(boilerplateChoice);
+        if (!templatePath) {
+            (0, messages_1.errorMessage)(new Error('\n✖ Invalid boilerplate choice.'));
+            (0, prompts_1.closeReadline)();
+            return;
+        }
+        const sourcePath = path_1.default.join(__dirname, '../lib', templatePath);
+        try {
+            yield fs_1.default.promises.mkdir(destinationPath);
+            yield (0, utils_1.copyProjectStructure)(sourcePath, destinationPath);
+            (0, count_1.getCount)(sourcePath, templatePath);
+        }
+        catch (error) {
+            (0, messages_1.errorMessage)(error);
+        }
+        finally {
+            (0, prompts_1.closeReadline)();
+        }
+    });
+}
+function getTemplatePath(boilerplateChoice) {
+    switch (boilerplateChoice) {
+        case 1:
+            return '158';
+        case 2:
+            return '159';
+        case 3:
+            return '160';
+        case 4:
+            return '161';
+        case 5:
+            return '162';
+        default:
+            return null;
+    }
+}
+createProject();

package/dist/count.d.ts

@@ -1,3 +1,3 @@
-export declare function countItems(dirPath: string): Promise<number>;
-export declare function getCount(sourcePath: string, templatePath: string): void;
+export declare function countItems(dirPath: string): Promise<number>;
+export declare function getCount(sourcePath: string, templatePath: string): void;
 //# sourceMappingURL=count.d.ts.map

package/dist/count.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"count.d.ts","sourceRoot":"","sources":["../src/count.ts"],"names":[],"mappings":"AAKA,wBAAsB,UAAU,CAAC,OAAO,EAAE,MAAM,mBAgB/C;AAID,wBAAgB,QAAQ,CAAC,UAAU,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,QAShE"}
+{"version":3,"file":"count.d.ts","sourceRoot":"","sources":["../src/count.ts"],"names":[],"mappings":"AAOA,wBAAsB,UAAU,CAAC,OAAO,EAAE,MAAM,mBAgB/C;AAID,wBAAgB,QAAQ,CAAC,UAAU,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,QAShE"}

package/dist/count.js

@@ -1,44 +1,45 @@
-"use strict";
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.countItems = countItems;
-exports.getCount = getCount;
-const fs = require('fs');
-const path = require('path');
-const progress_1 = require("./progress");
-function countItems(dirPath) {
-    return __awaiter(this, void 0, void 0, function* () {
-        let count = 0;
-        const files = yield fs.promises.readdir(dirPath);
-        for (const file of files) {
-            const filePath = path.join(dirPath, file);
-            const stat = yield fs.promises.stat(filePath);
-            if (stat.isDirectory()) {
-                count += yield countItems(filePath); // Recursive
-            }
-            else if (stat.isFile()) {
-                count++;
-            }
-        }
-        return count;
-    });
-}
-// const sourcePath = path.join(__dirname, '../templates', '158');
-function getCount(sourcePath, templatePath) {
-    countItems(sourcePath)
-        .then((count) => {
-        // console.log(`There are ${count} items (files and folders) in the folder.`);
-        (0, progress_1.Progress)(count, templatePath);
-    })
-        .catch((err) => {
-        console.error('Error:', err);
-    });
-}
+"use strict";
+// counts the items inside the selected boilerplate
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.countItems = countItems;
+exports.getCount = getCount;
+const fs = require('fs');
+const path = require('path');
+const progress_1 = require("./progress");
+function countItems(dirPath) {
+    return __awaiter(this, void 0, void 0, function* () {
+        let count = 0;
+        const files = yield fs.promises.readdir(dirPath);
+        for (const file of files) {
+            const filePath = path.join(dirPath, file);
+            const stat = yield fs.promises.stat(filePath);
+            if (stat.isDirectory()) {
+                count += yield countItems(filePath); // Recursive
+            }
+            else if (stat.isFile()) {
+                count++;
+            }
+        }
+        return count;
+    });
+}
+// const sourcePath = path.join(__dirname, '../templates', '158');
+function getCount(sourcePath, templatePath) {
+    countItems(sourcePath)
+        .then((count) => {
+        // console.log(`There are ${count} items (files and folders) in the folder.`);
+        (0, progress_1.Progress)(count, templatePath);
+    })
+        .catch((err) => {
+        console.error('Error:', err);
+    });
+}

package/dist/index.d.ts

@@ -1,3 +1,3 @@
-#!/usr/bin/env node
-import './commands';
+#!/usr/bin/env node
+import './commands';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.js

@@ -1,4 +1,4 @@
 #!/usr/bin/env node
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-require("./commands");
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+require("./commands");

package/dist/messages.d.ts

@@ -1,3 +1,3 @@
-export declare function successMessage(sourceVal: string): Promise<void>;
-export declare function errorMessage(error: Error): void;
+export declare function successMessage(sourceVal: string): Promise<void>;
+export declare function errorMessage(error: Error): void;
 //# sourceMappingURL=messages.d.ts.map

package/dist/messages.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"messages.d.ts","sourceRoot":"","sources":["../src/messages.ts"],"names":[],"mappings":"AAEA,wBAAsB,cAAc,CAAC,SAAS,EAAE,MAAM,iBAsCrD;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,KAAK,QAExC"}
+{"version":3,"file":"messages.d.ts","sourceRoot":"","sources":["../src/messages.ts"],"names":[],"mappings":"AAGA,wBAAsB,cAAc,CAAC,SAAS,EAAE,MAAM,iBAuCrD;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,KAAK,QAExC"}

package/dist/messages.js

@@ -1,69 +1,70 @@
-"use strict";
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.successMessage = successMessage;
-exports.errorMessage = errorMessage;
-const chalk_1 = __importDefault(require("chalk"));
-function successMessage(sourceVal) {
-    return __awaiter(this, void 0, void 0, function* () {
-        // console.log(sourceVal)
-        let tempVal = '';
-        if (sourceVal == '158') {
-            tempVal = 'Vue2-Laravel8';
-        }
-        else if (sourceVal == '159') {
-            tempVal = 'Vue3-Laravel8';
-        }
-        else if (sourceVal == '160') {
-            tempVal = 'Vue3-Laravel9';
-        }
-        else if (sourceVal == '161') {
-            tempVal = 'Vue3-Laravel10';
-        }
-        else if (sourceVal == '162') {
-            tempVal = 'Vue3-Laravel11';
-        }
-        console.log(chalk_1.default.green(`\n✔  ${tempVal} boilerplate is successfully downloaded!. \n`));
-        setTimeout(() => {
-            console.log(chalk_1.default.yellow.bold("              *       ˜"));
-            console.log(chalk_1.default.cyan.bold("        ˜                  |"));
-            console.log(chalk_1.default.red.bold("    ()    .-.,='``'=.    - o -"));
-            console.log(chalk_1.default.yellow.bold("          '=/_       〵    |"));
-            console.log(chalk_1.default.cyanBright.bold("       *   |  '=._     )"));
-            console.log(chalk_1.default.yellow.bold("           \\      `=../`,        '"));
-            console.log(chalk_1.default.redBright.bold("         .   '=.__.=' `='      *"));
-            console.log(chalk_1.default.yellow.bold("˜                         +"));
-            console.log(chalk_1.default.cyanBright.bold("     O      *        '       .\n"));
-        }, 300);
-        setTimeout(() => {
-            console.log('Well done 🎉🎉,', chalk_1.default.green('These Boilerplates are created with coffee & passion by', chalk_1.default.green.underline('Joshua Tania'), chalk_1.default.whiteBright('\nFor more info (github): >>'), chalk_1.default.green.underline('https://github.com/Shuashuaa/create-v-kit-spa'), chalk_1.default.whiteBright('\nFor more info (gitlab): >>'), chalk_1.default.green.underline('https://gitlab.com/shuashuaa/create-v-kit-spa\n')));
-        }, 800);
-        setTimeout(() => {
-            if (sourceVal == "158" || sourceVal == "159") {
-                console.log(chalk_1.default.bgBlack('Locate Project:'), chalk_1.default.cyanBright('cd project_name,'));
-                console.log(chalk_1.default.bgBlack('Install Dependencies:'), chalk_1.default.cyanBright('npm install') + ',', chalk_1.default.cyanBright('composer install') + ',', chalk_1.default.cyanBright('\ncopy .env.example .env'), 'and', chalk_1.default.cyanBright('php artisan key:generate'));
-                console.log(chalk_1.default.bgBlack('Run Project:'), chalk_1.default.cyanBright('npm run artisan-watch') + '.\n');
-            }
-            else if (sourceVal == "160" || sourceVal == "161" || sourceVal == "162") {
-                console.log(chalk_1.default.bgBlack('Locate Project:'), chalk_1.default.cyanBright('cd project_name,'));
-                console.log(chalk_1.default.bgBlack('Install Dependencies:'), chalk_1.default.cyanBright('yarn install') + ',', chalk_1.default.cyanBright('composer install') + ',', chalk_1.default.cyanBright('\ncopy .env.example .env'), 'and', chalk_1.default.cyanBright('php artisan key:generate'));
-                console.log(chalk_1.default.bgBlack('Run Project:'), chalk_1.default.cyanBright('npm run artisan-dev') + '.\n');
-            }
-            console.log(chalk_1.default.bgBlack('Visit:'), chalk_1.default.bold('http://127.0.0.1:8000\n'));
-        }, 500);
-    });
-}
-function errorMessage(error) {
-    console.error(chalk_1.default.red.inverse(`\n✖ Error creating project. ${error.message}`));
-}
+"use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.successMessage = successMessage;
+exports.errorMessage = errorMessage;
+const chalk_1 = __importDefault(require("chalk"));
+const prompts_1 = require("./prompts");
+function successMessage(sourceVal) {
+    return __awaiter(this, void 0, void 0, function* () {
+        // console.log(sourceVal)
+        let tempVal = '';
+        if (sourceVal == '158') {
+            tempVal = 'Vue2-Laravel8';
+        }
+        else if (sourceVal == '159') {
+            tempVal = 'Vue3-Laravel8';
+        }
+        else if (sourceVal == '160') {
+            tempVal = 'Vue3-Laravel9';
+        }
+        else if (sourceVal == '161') {
+            tempVal = 'Vue3-Laravel10';
+        }
+        else if (sourceVal == '162') {
+            tempVal = 'Vue3-Laravel11';
+        }
+        console.log(chalk_1.default.green(`\n✔  ${tempVal} boilerplate is successfully downloaded!. \n`));
+        setTimeout(() => {
+            console.log(chalk_1.default.yellow.bold("              *       ˜"));
+            console.log(chalk_1.default.cyan.bold("        ˜                  |"));
+            console.log(chalk_1.default.red.bold("    ()    .-.,='``'=.    - o -"));
+            console.log(chalk_1.default.yellow.bold("          '=/_       〵    |"));
+            console.log(chalk_1.default.cyanBright.bold("       *   |  '=._     )"));
+            console.log(chalk_1.default.yellow.bold("           \\      `=../`,        '"));
+            console.log(chalk_1.default.redBright.bold("         .   '=.__.=' `='      *"));
+            console.log(chalk_1.default.yellow.bold("˜                         +"));
+            console.log(chalk_1.default.cyanBright.bold("     O      *        '       .\n"));
+        }, 300);
+        setTimeout(() => {
+            console.log('Well done 🎉🎉,', chalk_1.default.green('These Boilerplates are created with coffee & passion by', chalk_1.default.green.underline('Joshua Tania'), chalk_1.default.whiteBright('\nFor more info (github): >>'), chalk_1.default.green.underline('https://github.com/Shuashuaa/create-v-kit-spa'), chalk_1.default.whiteBright('\nFor more info (gitlab): >>'), chalk_1.default.green.underline('https://gitlab.com/shuashuaa/create-v-kit-spa\n')));
+        }, 800);
+        setTimeout(() => {
+            if (sourceVal == "158" || sourceVal == "159") {
+                console.log(chalk_1.default.bgBlack('Locate Project:'), chalk_1.default.cyanBright(`cd ${prompts_1.fileNameVariable},`));
+                console.log(chalk_1.default.bgBlack('Install Dependencies:'), chalk_1.default.cyanBright('npm install') + ',', chalk_1.default.cyanBright('composer install') + ',', chalk_1.default.cyanBright('\ncopy .env.example .env'), 'and', chalk_1.default.cyanBright('php artisan key:generate'));
+                console.log(chalk_1.default.bgBlack('Run Project:'), chalk_1.default.cyanBright('npm run artisan-watch') + '.\n');
+            }
+            else if (sourceVal == "160" || sourceVal == "161" || sourceVal == "162") {
+                console.log(chalk_1.default.bgBlack('Locate Project:'), chalk_1.default.cyanBright(`cd ${prompts_1.fileNameVariable},`));
+                console.log(chalk_1.default.bgBlack('Install Dependencies:'), chalk_1.default.cyanBright('yarn install') + ',', chalk_1.default.cyanBright('composer install') + ',', chalk_1.default.cyanBright('\ncopy .env.example .env'), 'and', chalk_1.default.cyanBright('php artisan key:generate'));
+                console.log(chalk_1.default.bgBlack('Run Project:'), chalk_1.default.cyanBright('npm run artisan-dev') + '.\n');
+            }
+            console.log(chalk_1.default.bgBlack('Visit:'), chalk_1.default.bold('http://127.0.0.1:8000\n'));
+        }, 500);
+    });
+}
+function errorMessage(error) {
+    console.error(chalk_1.default.red.inverse(`\n✖ Error creating project. ${error.message}`));
+}

package/dist/progress.d.ts

@@ -1,2 +1,2 @@
-export declare function Progress(countVal: number, sourceVal: string): Promise<void>;
+export declare function Progress(countVal: number, sourceVal: string): Promise<void>;
 //# sourceMappingURL=progress.d.ts.map

package/dist/progress.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"progress.d.ts","sourceRoot":"","sources":["../src/progress.ts"],"names":[],"mappings":"AAKA,wBAAsB,QAAQ,CAAC,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,iBA0BjE"}
+{"version":3,"file":"progress.d.ts","sourceRoot":"","sources":["../src/progress.ts"],"names":[],"mappings":"AAOA,wBAAsB,QAAQ,CAAC,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,iBA0BjE"}

package/dist/progress.js

@@ -1,37 +1,38 @@
-"use strict";
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Progress = Progress;
-const _progress = require('cli-progress');
-const colors = require('ansi-colors');
-const messages_1 = require("./messages");
-function Progress(countVal, sourceVal) {
-    return __awaiter(this, void 0, void 0, function* () {
-        console.log('\n');
-        const b1 = new _progress.SingleBar({
-            format: 'Downloading... |' + colors.cyan('{bar}') + '| {percentage}% | {value}/{total} Files | ETA: {eta}s',
-            barCompleteChar: '\u2588',
-            barIncompleteChar: '\u2591',
-            hideCursor: true
-        });
-        b1.start(countVal, 0);
-        let value = 0;
-        const timer = setInterval(function () {
-            value++;
-            b1.update(value);
-            if (value >= b1.getTotal()) {
-                clearInterval(timer);
-                b1.stop();
-                (0, messages_1.successMessage)(sourceVal);
-            }
-        }, 20);
-    });
-}
+"use strict";
+// returns the countVal as a progress bar
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Progress = Progress;
+const _progress = require('cli-progress');
+const colors = require('ansi-colors');
+const messages_1 = require("./messages");
+function Progress(countVal, sourceVal) {
+    return __awaiter(this, void 0, void 0, function* () {
+        console.log('\n');
+        const b1 = new _progress.SingleBar({
+            format: 'Downloading... |' + colors.cyan('{bar}') + '| {percentage}% | {value}/{total} Files | ETA: {eta}s',
+            barCompleteChar: '\u2588',
+            barIncompleteChar: '\u2591',
+            hideCursor: true
+        });
+        b1.start(countVal, 0);
+        let value = 0;
+        const timer = setInterval(function () {
+            value++;
+            b1.update(value);
+            if (value >= b1.getTotal()) {
+                clearInterval(timer);
+                b1.stop();
+                (0, messages_1.successMessage)(sourceVal);
+            }
+        }, 20);
+    });
+}

package/dist/prompts.d.ts

@@ -1,4 +1,5 @@
-export declare function getProjectName(): Promise<string>;
-export declare function getBoilerplateChoice(): Promise<number>;
-export declare function closeReadline(): void;
+export declare let fileNameVariable: string;
+export declare function getProjectName(): Promise<string>;
+export declare function getBoilerplateChoice(): Promise<number>;
+export declare function closeReadline(): void;
 //# sourceMappingURL=prompts.d.ts.map

package/dist/prompts.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"prompts.d.ts","sourceRoot":"","sources":["../src/prompts.ts"],"names":[],"mappings":"AASA,wBACgB,cAAc,IAAI,OAAO,CAAC,MAAM,CAAC,CAWhD;AAED,wBAAsB,oBAAoB,IAAI,OAAO,CAAC,MAAM,CAAC,CAwC5D;AAGD,wBAAgB,aAAa,SAE5B"}
+{"version":3,"file":"prompts.d.ts","sourceRoot":"","sources":["../src/prompts.ts"],"names":[],"mappings":"AASA,eAAO,IAAI,gBAAgB,QAAK,CAAC;AAEjC,wBACgB,cAAc,IAAI,OAAO,CAAC,MAAM,CAAC,CAYhD;AAED,wBAAsB,oBAAoB,IAAI,OAAO,CAAC,MAAM,CAAC,CAwC5D;AAGD,wBAAgB,aAAa,SAE5B"}

package/dist/prompts.js

@@ -1,77 +1,80 @@
-"use strict";
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getProjectName = getProjectName;
-exports.getBoilerplateChoice = getBoilerplateChoice;
-exports.closeReadline = closeReadline;
-const chalk_1 = __importDefault(require("chalk"));
-const { spawn } = require('child_process');
-const readline_1 = require("readline");
-const readline = (0, readline_1.createInterface)({
-    input: process.stdin,
-    output: process.stdout
-});
-function getProjectName() {
-    return __awaiter(this, void 0, void 0, function* () {
-        return new Promise((resolve) => {
-            // readline.question('? Enter a project name (using default "v-kit-app" if left blank): ', (answer) => {
-            //   resolve(answer || 'v-kit-app');
-            // });
-            let message = `\n${chalk_1.default.bold.cyan('?')} ${chalk_1.default.bold('Enter a project name')} (using default "${chalk_1.default.bold.magentaBright('v-kit-app')}" if left blank): `;
-            readline.question(message, (answer) => {
-                resolve(answer || 'v-kit-app');
-            });
-        });
-    });
-}
-function getBoilerplateChoice() {
-    return __awaiter(this, void 0, void 0, function* () {
-        return new Promise((resolve) => __awaiter(this, void 0, void 0, function* () {
-            //!
-            const phpProcess = spawn('php', ['-v']);
-            let version = null;
-            phpProcess.stdout.on('data', (data) => {
-                const match = data.toString().match(/PHP (\d+\.\d+\.\d+)/);
-                if (match) {
-                    version = `v${match[1]}`;
-                    console.log(chalk_1.default.italic('Scanning... your php is:'), chalk_1.default.greenBright(version));
-                }
-                else {
-                    console.log(chalk_1.default.redBright(`Php is not installed in your machine`));
-                }
-            });
-            phpProcess.stderr.on('data', (data) => {
-                console.error(`Php not found: ${data}`);
-            });
-            //!!
-            yield new Promise((resolve) => {
-                phpProcess.stdout.once('data', () => resolve());
-            });
-            //! This will not run before the function above 'resolve'
-            let message = `\n${chalk_1.default.bold.cyan('?')} ${chalk_1.default.bold('Select your preferred boilerplate:')}\n`;
-            message += `[1] - ${chalk_1.default.underline('Vue2-Laravel8')} ${chalk_1.default.grey.italic('~ php v7.4')}\n`;
-            message += `[2] - ${chalk_1.default.underline('Vue3-Laravel8')} ${chalk_1.default.grey.italic('~ php v7.4')}\n`;
-            message += `[3] - ${chalk_1.default.underline('Vue3-Laravel9')} ${chalk_1.default.grey.italic('~ php v8.0')}\n`;
-            message += `[4] - ${chalk_1.default.underline('Vue3-Laravel10')} ${chalk_1.default.grey.italic('~ php v8.1')}\n`;
-            message += `[5] - ${chalk_1.default.underline('Vue3-Laravel11')} ${chalk_1.default.grey.italic('~ php v8.2 - v8.3')}\n`;
-            message += '=> ';
-            readline.question(message, (answer) => __awaiter(this, void 0, void 0, function* () {
-                resolve(parseInt(answer));
-            }));
-        }));
-    });
-}
-function closeReadline() {
-    readline.close();
-}
+"use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.fileNameVariable = void 0;
+exports.getProjectName = getProjectName;
+exports.getBoilerplateChoice = getBoilerplateChoice;
+exports.closeReadline = closeReadline;
+const chalk_1 = __importDefault(require("chalk"));
+const { spawn } = require('child_process');
+const readline_1 = require("readline");
+const readline = (0, readline_1.createInterface)({
+    input: process.stdin,
+    output: process.stdout
+});
+exports.fileNameVariable = '';
+function getProjectName() {
+    return __awaiter(this, void 0, void 0, function* () {
+        return new Promise((resolve) => {
+            // readline.question('? Enter a project name (using default "v-kit-app" if left blank): ', (answer) => {
+            //   resolve(answer || 'v-kit-app');
+            // });
+            let message = `\n${chalk_1.default.bold.cyan('?')} ${chalk_1.default.bold('Enter a project name')} (using default "${chalk_1.default.bold.magentaBright('v-kit-app')}" if left blank): `;
+            readline.question(message, (answer) => {
+                exports.fileNameVariable = answer ? answer : 'v-kit-spa';
+                resolve(answer || 'v-kit-app');
+            });
+        });
+    });
+}
+function getBoilerplateChoice() {
+    return __awaiter(this, void 0, void 0, function* () {
+        return new Promise((resolve) => __awaiter(this, void 0, void 0, function* () {
+            //!
+            const phpProcess = spawn('php', ['-v']);
+            let version = null;
+            phpProcess.stdout.on('data', (data) => {
+                const match = data.toString().match(/PHP (\d+\.\d+\.\d+)/);
+                if (match) {
+                    version = `v${match[1]}`;
+                    console.log(chalk_1.default.italic('Scanning... your php is:'), chalk_1.default.greenBright(version));
+                }
+                else {
+                    console.log(chalk_1.default.redBright(`Php is not installed in your machine`));
+                }
+            });
+            phpProcess.stderr.on('data', (data) => {
+                console.error(`Php not found: ${data}`);
+            });
+            //!!
+            yield new Promise((resolve) => {
+                phpProcess.stdout.once('data', () => resolve());
+            });
+            //! This will not run before the function above 'resolve'
+            let message = `\n${chalk_1.default.bold.cyan('?')} ${chalk_1.default.bold('Select your preferred boilerplate:')}\n`;
+            message += `[1] - ${chalk_1.default.underline('Vue2-Laravel8')} ${chalk_1.default.grey.italic('~ php v7.4')}\n`;
+            message += `[2] - ${chalk_1.default.underline('Vue3-Laravel8')} ${chalk_1.default.grey.italic('~ php v7.4')}\n`;
+            message += `[3] - ${chalk_1.default.underline('Vue3-Laravel9')} ${chalk_1.default.grey.italic('~ php v8.0')}\n`;
+            message += `[4] - ${chalk_1.default.underline('Vue3-Laravel10')} ${chalk_1.default.grey.italic('~ php v8.1')}\n`;
+            message += `[5] - ${chalk_1.default.underline('Vue3-Laravel11')} ${chalk_1.default.grey.italic('~ php v8.2 - v8.3')}\n`;
+            message += '=> ';
+            readline.question(message, (answer) => __awaiter(this, void 0, void 0, function* () {
+                resolve(parseInt(answer));
+            }));
+        }));
+    });
+}
+function closeReadline() {
+    readline.close();
+}

package/dist/utils.d.ts

@@ -1,2 +1,2 @@
-export declare function copyProjectStructure(sourcePath: string, destinationPath: string): Promise<void>;
+export declare function copyProjectStructure(sourcePath: string, destinationPath: string): Promise<void>;
 //# sourceMappingURL=utils.d.ts.map

package/dist/utils.js

@@ -1,33 +1,33 @@
-"use strict";
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.copyProjectStructure = copyProjectStructure;
-const fs_1 = __importDefault(require("fs"));
-const path_1 = __importDefault(require("path"));
-function copyProjectStructure(sourcePath, destinationPath) {
-    return __awaiter(this, void 0, void 0, function* () {
-        const entries = yield fs_1.default.promises.readdir(sourcePath, { withFileTypes: true });
-        for (const entry of entries) {
-            const sourceFile = path_1.default.join(sourcePath, entry.name);
-            const destinationFile = path_1.default.join(destinationPath, entry.name);
-            if (entry.isDirectory()) {
-                yield fs_1.default.promises.mkdir(destinationFile);
-                yield copyProjectStructure(sourceFile, destinationFile);
-            }
-            else {
-                yield fs_1.default.promises.copyFile(sourceFile, destinationFile);
-            }
-        }
-    });
-}
+"use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.copyProjectStructure = copyProjectStructure;
+const fs_1 = __importDefault(require("fs"));
+const path_1 = __importDefault(require("path"));
+function copyProjectStructure(sourcePath, destinationPath) {
+    return __awaiter(this, void 0, void 0, function* () {
+        const entries = yield fs_1.default.promises.readdir(sourcePath, { withFileTypes: true });
+        for (const entry of entries) {
+            const sourceFile = path_1.default.join(sourcePath, entry.name);
+            const destinationFile = path_1.default.join(destinationPath, entry.name);
+            if (entry.isDirectory()) {
+                yield fs_1.default.promises.mkdir(destinationFile);
+                yield copyProjectStructure(sourceFile, destinationFile);
+            }
+            else {
+                yield fs_1.default.promises.copyFile(sourceFile, destinationFile);
+            }
+        }
+    });
+}

package/dist/version.d.ts

@@ -1,2 +1,2 @@
-export {};
+export {};
 //# sourceMappingURL=version.d.ts.map

package/dist/version.js

@@ -1,20 +1,20 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const chalk_1 = __importDefault(require("chalk"));
-const { spawn } = require('child_process');
-const phpProcess = spawn('php', ['-v']);
-phpProcess.stdout.on('data', (data) => {
-    const match = data.toString().match(/PHP (\d+\.\d+\.\d+)/);
-    if (match) {
-        console.log('Scanning... your php is:', chalk_1.default.greenBright(`v${match[1]}`));
-    }
-    else {
-        console.error('Could not find Php version');
-    }
-});
-phpProcess.stderr.on('data', (data) => {
-    console.error(`Php not found: ${data}`);
-});
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const chalk_1 = __importDefault(require("chalk"));
+const { spawn } = require('child_process');
+const phpProcess = spawn('php', ['-v']);
+phpProcess.stdout.on('data', (data) => {
+    const match = data.toString().match(/PHP (\d+\.\d+\.\d+)/);
+    if (match) {
+        console.log('Scanning... your php is:', chalk_1.default.greenBright(`v${match[1]}`));
+    }
+    else {
+        console.error('Could not find Php version');
+    }
+});
+phpProcess.stderr.on('data', (data) => {
+    console.error(`Php not found: ${data}`);
+});

package/lib/162/resources/js/components/About.vue

@@ -0,0 +1,5 @@
+<script setup></script>
+
+<template>
+    About
+</template>

package/lib/162/resources/js/components/Home.vue

@@ -0,0 +1,12 @@
+<script setup>
+    import { piniaStore } from '../store.js';
+    const store = piniaStore();
+</script>
+
+<template>
+    <h1>HOME</h1>
+    <h1>{{ store.greet }}</h1>
+    <h1>Original : {{ store.count }}</h1>
+    <h1>Getter : {{ store.doubleCount }}</h1>
+    <v-btn @click="store.increment">Add</v-btn>
+</template>

package/lib/162/resources/js/failOver.js

@@ -0,0 +1,9 @@
+import router from './router';
+const routerBase = router.options.base;
+
+export const base = routerBase == undefined ? '/' : '/ProjectName/'; // to be automated
+
+// usage
+// note: mainly used for multiple routes like /products/items/2 since api read it as items/2
+// import { base } from '@/path.js'
+// const response = await axios.get(`${base}api/getJobs`)

package/lib/162/resources/js/store.js

@@ -0,0 +1,19 @@
+import { defineStore } from 'pinia'
+ 
+export const piniaStore = defineStore('store', {
+    state: () => {
+        return {
+            count: 0,
+            greet: 'Ohayooooo!',
+        }
+    },
+    
+    getters: {
+        doubleCount: (state) => state.count * 2,
+    },
+    actions: {
+        increment() {
+            this.count++
+        },
+    },
+})

package/lib/162/resources/js/templates/App.vue

@@ -0,0 +1,66 @@
+<template>
+    <v-app>
+        <v-app-bar
+            elevation="0"
+            density="compact"
+            color="black"
+            prominent
+            >
+            <v-app-bar-nav-icon variant="text" @click.stop="drawer = !drawer"></v-app-bar-nav-icon>
+            <v-toolbar-title >Vue 3 - Laravel 11 SPA</v-toolbar-title>
+        </v-app-bar>
+
+        <v-navigation-drawer
+            v-model="drawer"
+            temporary
+            >
+
+            <v-list density="compact" class="pt-0" >
+                <v-list-item
+                    v-for="(item, i) in items"
+                    :key="i"
+                    :value="item"
+                    color="gray"
+                    @click="$router.push(item.to)"
+                >
+                    <template v-slot:prepend>
+                        <v-icon :icon="item.icon"></v-icon>
+                    </template>
+                    <v-list-item-title class="py-3" v-text="item.text"></v-list-item-title>
+                </v-list-item>
+            </v-list>
+        </v-navigation-drawer>
+
+        <v-main>
+            <router-view></router-view>
+        </v-main>
+    </v-app>
+</template>
+
+<script>
+import { ref } from 'vue';
+
+export default {
+  setup() {
+        const drawer = ref(false);
+
+        const items = ref([
+            {
+                text: 'Home',
+                to: '/',
+                icon: 'mdi-home'
+            },
+            {
+                text: 'About',
+                to: '/about',
+                icon:'mdi-information-outline'
+            },
+        ]);
+    
+        return {
+            drawer,
+            items
+        };
+  },
+};
+</script>

package/lib/162/resources/js/views/HomeView.vue

@@ -0,0 +1,8 @@
+<script setup>
+import Home from '../components/Home.vue'
+
+</script>
+
+<template>
+    <Home/>
+</template>

package/lib/162/storage/app/.gitignore

@@ -0,0 +1,3 @@
+*
+!public/
+!.gitignore

package/lib/162/storage/app/public/.gitignore

@@ -0,0 +1,2 @@
+*
+!.gitignore

package/lib/162/storage/framework/cache/.gitignore

@@ -0,0 +1,3 @@
+*
+!data/
+!.gitignore

package/lib/162/storage/framework/cache/data/.gitignore

@@ -0,0 +1,2 @@
+*
+!.gitignore

package/lib/162/storage/framework/sessions/.gitignore

@@ -0,0 +1,2 @@
+*
+!.gitignore

package/lib/162/storage/framework/testing/.gitignore

@@ -0,0 +1,2 @@
+*
+!.gitignore

package/lib/162/storage/framework/views/.gitignore

@@ -0,0 +1,2 @@
+*
+!.gitignore

package/lib/162/storage/logs/.gitignore

@@ -0,0 +1,2 @@
+*
+!.gitignore

package/package.json

@@ -1,13 +1,14 @@
 {
   "name": "create-v-kit-spa",
-  "version": "1.0.9",
+  "version": "1.0.12",
   "main": "dist/index.js",
   "description": "A simple way to start your Vue-Laravel SPA projects",
   "repository": "Shuashuaa/v-kit-spa",
   "scripts": {
     "test": "ts-node dist/index.js",
     "test-dev": "ts-node src/index.ts",
-    "build": "tsc"
+    "build": "tsc",
+    "deploy": "npm link && npm link create-v-kit-spa && npm publish --access public"
   },
   "bin": {
     "create-v-kit-spa": "dist/index.js"