@dasidev/dasi-ui 1.0.13 → 1.0.15

package/bin/dasi-cli.cjs

@@ -10,7 +10,7 @@ const { execSync } = require('child_process');
 program
     .name('dasi-ui')
     .description('🚀 DASI UI - Admin Dashboard Template')
-    .version('1.0.13');
+    .version('1.0.14');
 
 program
     .command('create [project-name]')
@@ -90,13 +90,12 @@ program
         
         const answers = await inquirer.prompt(questions);
         
-        // 🎯 Enhanced spinner configuration
         const spinner = ora({
             text: '🏗️ Building your admin dashboard...',
             spinner: 'dots',
             color: 'cyan',
             hideCursor: true,
-            interval: 100  // Faster animation
+            interval: 100
         }).start();
         
         try {
@@ -107,14 +106,12 @@ program
                 return;
             }
 
-            // 🎯 Step 1: Create directory with animated spinner
             spinner.text = '📁 Creating project directory...';
             await new Promise(resolve => setTimeout(resolve, 300));
             fs.mkdirSync(projectPath, { recursive: true });
             console.log(chalk.green(`\n✅ Directory created: ${projectPath}`));
-            spinner.start(); // Restart spinner
+            spinner.start();
             
-            // 🎯 Step 2: Copy template with progress and continuous animation
             spinner.text = '📋 Copying template files...';
             let copiedFiles = 0;
             const templatePath = path.join(__dirname, '../template');
@@ -123,10 +120,8 @@ program
                 throw new Error('Template folder not found. Please ensure this package is installed correctly.');
             }
             
-            // Count files for progress
             const totalFiles = await countFiles(templatePath);
             
-            // 🎯 Keep spinner active during copy
             const copyInterval = setInterval(() => {
                 spinner.render();
             }, 100);
@@ -134,8 +129,6 @@ program
             await fs.copy(templatePath, projectPath, {
                 filter: (src) => {
                     const relativePath = path.relative(templatePath, src);
-                    
-                    // Exclude unnecessary files
                     const excludePatterns = [
                         'node_modules',
                         'dist',
@@ -161,8 +154,12 @@ program
             
             clearInterval(copyInterval);
             
-            // 🎯 Step 3: Configuration updates with smooth transitions
             spinner.text = '⚙️ Updating configuration...';
+            
+            const configInterval = setInterval(() => {
+                spinner.render();
+            }, 100);
+            
             await new Promise(resolve => setTimeout(resolve, 500));
             
             const templatePackageJsonPath = path.join(projectPath, 'package.json.template');
@@ -174,7 +171,6 @@ program
                 await fs.move(templatePackageJsonPath, packageJsonPath);
             }
             
-            // Update package.json
             spinner.text = '🔧 Configuring project settings...';
             await new Promise(resolve => setTimeout(resolve, 300));
             let packageJson = await fs.readJson(packageJsonPath);
@@ -186,27 +182,28 @@ program
             
             await fs.writeJson(packageJsonPath, packageJson, { spaces: 2 });
             
-            // Create environment file
             spinner.text = '🌍 Setting up environment variables...';
             await new Promise(resolve => setTimeout(resolve, 300));
             const envContent = `VITE_APP_TITLE=${answers.appTitle}
-VITE_APP_DESCRIPTION=${answers.appDescription}
-VITE_APP_AUTHOR=${answers.author}
-VITE_API_URL=${answers.apiUrl}
-VITE_DARK_MODE=${answers.darkMode}`;
+                VITE_APP_DESCRIPTION=${answers.appDescription}
+                VITE_APP_AUTHOR=${answers.author}
+                VITE_API_URL=${answers.apiUrl}
+                VITE_DARK_MODE=${answers.darkMode}`;
             
             await fs.writeFile(path.join(projectPath, '.env.example'), envContent);
             await fs.copyFile(path.join(projectPath, '.env.example'), path.join(projectPath, '.env'));
             
-            // 🎯 Step 4: Git initialization with continuous animation
+            clearInterval(configInterval);
+            
             if (answers.gitInit) {
                 spinner.text = '📚 Initializing git repository...';
+                
+                const gitInterval = setInterval(() => {
+                    spinner.render();
+                }, 100);
+                
                 await new Promise(resolve => setTimeout(resolve, 500));
                 try {
-                    // Set git config untuk menghindari prompt
-                    execSync('git config user.name "DASI Developer"', { cwd: projectPath, stdio: 'ignore' });
-                    execSync('git config user.email "dev@dasi.id"', { cwd: projectPath, stdio: 'ignore' });
-                    
                     execSync('git init', { cwd: projectPath, stdio: 'ignore' });
                     
                     spinner.text = '📝 Adding files to git...';
@@ -216,11 +213,6 @@ VITE_DARK_MODE=${answers.darkMode}`;
                     spinner.text = '💾 Creating initial commit...';
                     await new Promise(resolve => setTimeout(resolve, 400));
                     
-                    // 🎯 Keep spinner active during git commit
-                    const gitInterval = setInterval(() => {
-                        spinner.render();
-                    }, 100);
-                    
                     try {
                         execSync('git commit -m "🚀 Initial commit: DASI UI Admin Template"', { 
                             cwd: projectPath, 
@@ -231,20 +223,18 @@ VITE_DARK_MODE=${answers.darkMode}`;
                         console.log(chalk.yellow('\n⚠️ Git commit skipped, continuing...'));
                     }
                     
-                    clearInterval(gitInterval);
-                    
                 } catch (error) {
                     console.log(chalk.yellow('\n⚠️ Git initialization failed, continuing...'));
                     spinner.start();
                 }
+                
+                clearInterval(gitInterval);
             }
             
-            // 🎯 Step 5: Install dependencies with continuous spinner
             if (answers.installDeps) {
                 spinner.text = '📦 Installing dependencies...';
                 spinner.color = 'yellow';
                 
-                // 🎯 Keep spinner active during npm install
                 const installInterval = setInterval(() => {
                     spinner.render();
                 }, 100);
@@ -264,15 +254,18 @@ VITE_DARK_MODE=${answers.darkMode}`;
                 clearInterval(installInterval);
             }
             
-            // 🎯 Success with celebration
+            spinner.text = '🎉 Finalizing setup...';
+            spinner.color = 'green';
+            await new Promise(resolve => setTimeout(resolve, 500));
+            
             spinner.succeed('✅ Admin dashboard created successfully!');
             
             console.log(chalk.green(`
-╔══════════════════════════════════════════════════════════════╗
-║                                                              ║
-║  🎉 Success! Your admin dashboard is ready!                  ║
-║                                                              ║
-╚══════════════════════════════════════════════════════════════╝
+                ╔══════════════════════════════════════════════════════════════╗
+                ║                                                              ║
+                ║  🎉 Success! Your admin dashboard is ready!                  ║
+                ║                                                              ║
+                ╚══════════════════════════════════════════════════════════════╝
             `));
             
             console.log(chalk.cyan('\n📋 Project Summary:'));
@@ -300,7 +293,6 @@ VITE_DARK_MODE=${answers.darkMode}`;
         }
     });
 
-// Helper function to count files
 async function countFiles(dir) {
     let count = 0;
     const items = await fs.readdir(dir);

package/dist/index.js

@@ -0,0 +1,11 @@
+import { e as s, D as t, a as l, d as o, h as r, H as D, b as p, u as b } from "./index-CyDesxb4.js";
+export {
+  s as BaseSelector,
+  t as DashboardDataTable,
+  l as DasiApp,
+  o as DataTableCell,
+  r as DateSelectorElement,
+  D as Header,
+  p as PageActivity,
+  b as useAppConfig
+};

package/package.json

@@ -1,10 +1,18 @@
 {
   "name": "@dasidev/dasi-ui",
-  "version": "1.0.13",
+  "version": "1.0.15",
   "description": "Complete Vue 3 Admin Template Generator",
   "private": false,
   "type": "module",
   "main": "dist/index.js",
+  "module": "dist/index.js",
+  "exports": {
+    ".": {
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    },
+    "./style.css": "./dist/style.css"
+  },
   "bin": {
     "dasi-ui": "./bin/dasi-cli.cjs"
   },

package/template/src/App.vue

@@ -1,7 +1,6 @@
 <script setup lang="ts">
 import { RouterView } from 'vue-router'
 import { onMounted } from 'vue'
-import Header from '@/components/pages/Header.vue'
 import { useDarkMode } from './composables/useDarkMode'
 
 const { initializeDarkMode } = useDarkMode()

package/template/src/api/api.ts

@@ -1,6 +1,6 @@
 import axios from "axios";
-import { useAuthStore } from "@/stores/auth";
-import { useAppConfig } from "@/composables/useAppConfig";
+import { useAuthStore } from "../stores/auth";
+import { useAppConfig } from "../composables/useAppConfig";
 
 // Get configuration values
 const { tokenKey, apiBaseUrl, apiEndpoints } = useAppConfig();

package/template/src/components/button/BtnAddOutline.vue

@@ -1,7 +1,7 @@
 <script setup>
-import { cn } from "@/lib/utils";
+import { cn } from "../../lib/utils";
 import { LucidePlusCircle } from "lucide-vue-next";
-import BtnCircle from "@/components/button/BtnCircle.vue";
+import BtnCircle from "../../components/button/BtnCircle.vue";
 
 const props = defineProps(["class"]);
 </script>

package/template/src/components/button/BtnCircle.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { cn } from '@/lib/utils';
+import { cn } from '../../lib/utils';
 const props = defineProps(['class'])
 </script>
 

package/template/src/components/button/BtnOutline.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { cn } from "@/lib/utils";
+import { cn } from "../../lib/utils";
 import { type HTMLAttributes } from "vue";
 
 interface Props {

package/template/src/components/button/BtnPrimary.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import { Button } from '@/components/ui/button'
-import { cn } from '@/lib/utils';
+import { Button } from '../../components/ui/button'
+import { cn } from '../../lib/utils';
 const props = defineProps(['class', 'loading', 'disabled', 'disabledClass'])
 </script>
 

package/template/src/components/button/BtnSecondary.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import { Button } from "@/components/ui/button";
-import { cn } from "@/lib/utils";
+import { Button } from "../../components/ui/button";
+import { cn } from "../../lib/utils";
 const props = defineProps(["class", "disabled", "loading", "disabledClass"]);
 </script>
 

package/template/src/components/detail/ApprovalInfo.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { getMenuItemByUrl, isValidValue } from '@/lib/utils';
+import { getMenuItemByUrl, isValidValue } from '../../lib/utils';
 import { FileCheck2, LucideCheckCheck, LucideCircleX, LucideCornerRightUp, LucideSend, LucideSettings, LucideX, LucideXCircle } from 'lucide-vue-next';
 import moment from 'moment';
 import { RouterLink } from 'vue-router';

package/template/src/components/detail/DCI2.vue

@@ -1,8 +1,8 @@
 <script lang="ts" setup>
-import type { DasiV2FormSchema, FormSchema, FormSchemaItem } from "@/types/form.types";
-import DetailContentItem from "./DetailContentItem.vue";
-import { nextTick, onMounted, ref, watch } from "vue";
-import type { ColumnRef } from "@/vueform/config/types";
+import type { DasiV2FormSchema, FormSchemaItem } from "../../types/form.types";
+import DetailContentItem from "./DetailContentItem.vue";  
+import { onMounted, ref, watch } from "vue";
+import type { ColumnRef } from "../../vueform/config/types";
 
 interface DetailItemProps {
   columns?: ColumnRef[];

package/template/src/components/detail/DetailContentHeader.vue

@@ -4,7 +4,7 @@ import { LucideCalendarClock, LucideCircleUserRound, LucideDatabase } from "luci
 import moment from "moment";
 import DetailContentTablet from "./DetailContentTablet.vue";
 import DataStatusTag from "../tables/DataStatusTag.vue";
-import type { PageConfig } from "@/vueform/config/types";
+import type { PageConfig } from "../../vueform/config/types";
 
 const props = defineProps<{
   data: any;

package/template/src/components/detail/DetailContentItem.vue

@@ -2,7 +2,7 @@
 import { LucideBuilding, LucideCheck, LucideFile } from "lucide-vue-next";
 import moment from "moment";
 import DetailContentTablet from "./DetailContentTablet.vue";
-import { formatNumberIntl, getNestedValue, numberToMonth, displayNumberFormatedIntl } from "@/lib/utils";
+import { formatNumberIntl, getNestedValue } from "../../lib/utils";
 
 const props = defineProps(["item", "data"]);
 </script>

package/template/src/components/detail/DetailContentItems.vue

@@ -1,12 +1,11 @@
 <script setup lang="ts">
-import type { DasiV2FormSchema, FormSchema, FormSchemaHooks } from "@/types/form.types";
+import type { DasiV2FormSchema, FormSchemaHooks } from "../../types/form.types";
 import { LucideBuilding, LucideCheck, LucideFile } from "lucide-vue-next";
 import moment from "moment";
 import DetailContentTablet from "./DetailContentTablet.vue";
-import { formatNumberIntl, numberToMonth } from "@/lib/utils";
+import { formatNumberIntl } from "../../lib/utils";
 import { onMounted, computed, watch, ref } from "vue";
-import { schemaMaping } from "@/lib/detail.utils";
-import api from "@/api/api";
+import { schemaMaping } from "../../lib/detail.utils";
 
 interface DetailItemProps {
   schema: DasiV2FormSchema; // Support both old and new formats

package/template/src/components/detail/DetailContentLoading.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import Skeleton from '../ui/skeleton/Skeleton.vue';
+import Skeleton from "../ui/skeleton/Skeleton.vue";
 </script>
 
 <template>

package/template/src/components/detail/DetailContentTablet.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { cn } from '@/lib/utils';
+import { cn } from "../../lib/utils";
 const props = defineProps(['class'])
 </script>
 

package/template/src/components/detail/DetailSheet.vue

@@ -1,21 +1,21 @@
 <script setup lang="ts">
 import { ref } from "vue";
 import { ArrowLeftToLine, LucideFileClock, LucideX } from "lucide-vue-next";
-import { Sheet, SheetClose, SheetContent, SheetHeader, SheetTitle } from "@/components/ui/sheet";
-import ScrollArea from "@/components/ui/scroll-area/ScrollArea.vue";
-import { cn } from "@/lib/utils";
-import DetailTimeline from "@/components/detail/DetailTimeline.vue";
-import type { DasiV2FormSchema, FormSchema, FormSchemaHooks } from "@/types/form.types";
+import { Sheet, SheetClose, SheetContent, SheetHeader, SheetTitle } from "../ui/sheet";
+import ScrollArea from "../ui/scroll-area/ScrollArea.vue";
+import { cn } from "../../lib/utils";
+import DetailTimeline from "./DetailTimeline.vue";
+import type { DasiV2FormSchema, FormSchema, FormSchemaHooks } from "../../types/form.types";
 import DetailContentLoading from "./DetailContentLoading.vue";
 import DetailContentHeader from "./DetailContentHeader.vue";
 import DetailContentItems from "./DetailContentItems.vue";
 import DCI2 from "./DCI2.vue";
 import moment from "moment";
 import BtnCircle from "../button/BtnCircle.vue";
-import type { ColumnRef, PageConfig } from "@/vueform/config/types";
-import { getPageDataDetail } from "@/lib/page.utils";
-import { useErrorDialog } from "@/stores/dialog";
-import { InternalServerError } from "@/lib/constants";
+import type { ColumnRef, PageConfig } from "../../vueform/config/types";
+import { getPageDataDetail } from "../../lib/page.utils";
+import { useErrorDialog } from "../../stores/dialog";
+import { InternalServerError } from "../../lib/constants";
 
 interface Props {
   title?: string;

package/template/src/components/detail/DetailTimeline.vue

@@ -1,9 +1,9 @@
 <script setup lang="ts">
-import api from "@/api/api";
+import api from "../../api/api";
 import moment from "moment";
 import { onMounted, ref } from "vue";
-import Skeleton from "@/components/ui/skeleton/Skeleton.vue";
-import { LucideEdit, LucideFileClock, LucideSquareSplitHorizontal, LucideTrash2, LucideUndo2 } from "lucide-vue-next";
+import Skeleton from "../ui/skeleton/Skeleton.vue";
+import { LucideEdit, LucideFileClock, LucideTrash2, LucideUndo2 } from "lucide-vue-next";
 
 moment.updateLocale("en", {
   relativeTime: {

package/template/src/components/detail/DocViewerContent.vue

@@ -20,29 +20,29 @@ import {
   LucideLoaderCircle,
   LucideRotateCcw
 } from "lucide-vue-next";
-import { Sheet, SheetContent, SheetHeader, SheetTitle, SheetFooter } from "@/components/ui/sheet";
-import { cn, isValidValue } from "@/lib/utils";
-import { type ErrorDialogOptions } from "@/components/dialog/ErrorDialog.vue";
-import pdfLogo from "@/assets/pdf-logo.svg";
-import ConfirmDialog from "@/components/dialog/ConfirmDialog.vue";
-import api from "@/api/api";
+import { Sheet, SheetContent, SheetHeader, SheetTitle, SheetFooter } from "../../components/ui/sheet";
+import { cn, isValidValue } from "../../lib/utils";
+import { type ErrorDialogOptions } from "../../components/dialog/ErrorDialog.vue";
+import pdfLogo from "../../assets/pdf-logo.svg";
+import ConfirmDialog from "../../components/dialog/ConfirmDialog.vue";
+import api from "../../api/api";
 import moment from "moment";
-import FormInputerDialog from "@/components/dialog/FormInputerDialog.vue";
-import { DialogDescription, DialogTitle } from "@/components/ui/dialog";
-import PdfViewer from "@/components/helper/PdfViewer.vue";
-import BtnCircle from "@/components/button/BtnCircle.vue";
-import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuTrigger } from "@/components/ui/dropdown-menu";
-import LoadingIndicator from "@/components/loadings/LoadingIndicator.vue";
-import { useConfirmDialog, useErrorDialog, useInfoDialog, useLoadingDialog, useSuccessDialog } from "@/stores/dialog";
-import type { DasiV2FormSchema } from "@/types/form.types";
-import DetailContentLoading from "@/components/detail/DetailContentLoading.vue";
-import DetailContentHeader from "@/components/detail/DetailContentHeader.vue";
+import FormInputerDialog from "../../components/dialog/FormInputerDialog.vue";
+import { DialogDescription, DialogTitle } from "../../components/ui/dialog";
+import PdfViewer from "../../components/helper/PdfViewer.vue";
+import BtnCircle from "../../components/button/BtnCircle.vue";
+import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuTrigger } from "../../components/ui/dropdown-menu";
+import LoadingIndicator from "../../components/loadings/LoadingIndicator.vue";
+import { useConfirmDialog, useErrorDialog, useInfoDialog, useLoadingDialog, useSuccessDialog } from "../../stores/dialog";
+import type { DasiV2FormSchema } from "../../types/form.types";
+import DetailContentLoading from "../../components/detail/DetailContentLoading.vue";
+import DetailContentHeader from "../../components/detail/DetailContentHeader.vue";
 import ApprovalInfo from "./ApprovalInfo.vue";
-import { InternalServerError } from "@/lib/constants";
-import type { ColumnRef, PageConfig } from "@/vueform/config/types";
-import { getPageDataDetail } from "@/lib/page.utils";
-import { ScrollArea } from "@/components/ui/scroll-area";
-import DCI2 from "@/components/detail/DCI2.vue";
+import { InternalServerError } from "../../lib/constants";
+import type { ColumnRef, PageConfig } from "../../vueform/config/types";
+import { getPageDataDetail } from "../../lib/page.utils";
+import { ScrollArea } from "../../components/ui/scroll-area";
+import DCI2 from "../../components/detail/DCI2.vue";
 
 export interface DocViewerOptions {
   title?: string;

package/template/src/components/dialog/ConfirmDialog.vue

@@ -1,10 +1,10 @@
 <script setup lang="ts">
-import { AlertDialog, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle } from "@/components/ui/alert-dialog";
-import Input from "@/components/ui/input/Input.vue";
+import { AlertDialog, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle } from "../../components/ui/alert-dialog";
+import Input from "../../components/ui/input/Input.vue";
 import { ref } from "vue";
-import LucideIcon from "@/components/helper/LucideIcon.vue";
+import LucideIcon from "../../components/helper/LucideIcon.vue";
 import BtnPrimary from "../button/BtnPrimary.vue";
-import { cn } from "@/lib/utils";
+import { cn } from "../../lib/utils";
 
 export interface ConfirmDialogOptions {
   title: string;

package/template/src/components/dialog/DialogBase.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import { Dialog, DialogContent, DialogTitle, DialogTrigger } from "@/components/ui/dialog";
-import DialogFooter from "@/components/ui/dialog/DialogFooter.vue";
+import { Dialog, DialogContent, DialogTitle, DialogTrigger } from "../../components/ui/dialog";
+import DialogFooter from "../../components/ui/dialog/DialogFooter.vue";
 import { DialogOverlay, DialogPortal } from "radix-vue";
 
 const props = defineProps({

package/template/src/components/dialog/DialogSelect.vue

@@ -1,14 +1,14 @@
 <script setup lang="ts">
 import DialogBase from "./DialogBase.vue";
 import { LucideChevronFirst, LucideChevronLast, LucideChevronLeft, LucideChevronRight, Search } from "lucide-vue-next";
-import DialogClose from "@/components/ui/dialog/DialogClose.vue";
+import DialogClose from "../../components/ui/dialog/DialogClose.vue";
 import { ref, watch } from "vue";
-import ScrollArea from "@/components/ui/scroll-area/ScrollArea.vue";
-import BtnCircle from "@/components/button/BtnCircle.vue";
-import BtnPrimary from "@/components/button/BtnPrimary.vue";
-import BtnSecondary from "@/components/button/BtnSecondary.vue";
-import LoadingIndicator from "@/components/loadings/LoadingIndicator.vue";
-import CheckboxElement from "@/components/helper/CheckboxElement.vue";
+import ScrollArea from "../../components/ui/scroll-area/ScrollArea.vue";
+import BtnCircle from "../../components/button/BtnCircle.vue";
+import BtnPrimary from "../../components/button/BtnPrimary.vue";
+import BtnSecondary from "../../components/button/BtnSecondary.vue";
+import LoadingIndicator from "../../components/loadings/LoadingIndicator.vue";
+import CheckboxElement from "../../components/helper/CheckboxElement.vue";
 
 export interface PageMeta {
   total: number;

package/template/src/components/dialog/ErrorDialog.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { AlertDialog, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle } from "@/components/ui/alert-dialog";
+import { AlertDialog, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle } from "../../components/ui/alert-dialog";
 import { ref, watch } from "vue";
 
 export interface ErrorDialogOptions {

package/template/src/components/dialog/FormDialog.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import type { HTMLAttributes } from "vue";
 import { LucideFileText, LucideSave, LucideX } from "lucide-vue-next";
-import { Sheet, SheetContent, SheetFooter, SheetHeader, SheetTitle } from "@/components/ui/sheet";
+import { Sheet, SheetContent, SheetFooter, SheetHeader, SheetTitle } from "../../components/ui/sheet";
 import {
   AlertDialog,
   AlertDialogAction,
@@ -12,12 +12,12 @@ import {
   AlertDialogHeader,
   AlertDialogTitle,
   AlertDialogTrigger
-} from "@/components/ui/alert-dialog";
-import BtnPrimary from "@/components/button/BtnPrimary.vue";
-import BtnSecondary from "@/components/button/BtnSecondary.vue";
-import { cn } from "@/lib/utils";
-import Skeleton from "@/components/ui/skeleton/Skeleton.vue";
-import BtnCircle from "../button/BtnCircle.vue";
+} from "../../components/ui/alert-dialog";
+import BtnPrimary from "../../components/button/BtnPrimary.vue";
+import BtnSecondary from "../../components/button/BtnSecondary.vue";
+import { cn } from "../../lib/utils";
+import Skeleton from "../../components/ui/skeleton/Skeleton.vue";
+import BtnCircle from "../../components/button/BtnCircle.vue";
 
 interface Props {
   title?: string;

package/template/src/components/dialog/FormInputerDialog.vue

@@ -1,11 +1,11 @@
 <script setup lang="ts">
-import { Dialog, DialogDescription, DialogHeader, DialogTitle, DialogFooter } from "@/components/ui/dialog";
-import { cn } from "@/lib/utils";
-import BtnPrimary from "@/components/button/BtnPrimary.vue";
-import BtnSecondary from "@/components/button/BtnSecondary.vue";
+import { Dialog, DialogDescription, DialogHeader, DialogTitle, DialogFooter } from "../../components/ui/dialog";
+import { cn } from "../../lib/utils";
+import BtnPrimary from "../../components/button/BtnPrimary.vue";
+import BtnSecondary from "../../components/button/BtnSecondary.vue";
 import { ref } from "vue";
 import { LucideX } from "lucide-vue-next";
-import BtnCircle from "../button/BtnCircle.vue";
+import BtnCircle from "../../components/button/BtnCircle.vue";
 import { DialogOverlay, DialogContent } from "radix-vue";
 
 const props = defineProps(["class", "classOverlay", "classContent", "secondaryBtnClass", "primaryBtnClass", "saveDisabled", "closeOnSubmit"]);

package/template/src/components/dialog/InfoDialog.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
-import { AlertDialog, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle } from "@/components/ui/alert-dialog";
+import { AlertDialog, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle } from "../../components/ui/alert-dialog";
 import { ref, watch } from "vue";
-import { cn } from "@/lib/utils";
+import { cn } from "../../lib/utils";
 import { AlertDialogOverlay } from "radix-vue";
 
 export interface InfoDialogOptions {

package/template/src/components/dialog/SuccessDialog.vue

@@ -1,11 +1,10 @@
 <script setup lang="ts">
-import { defineModel } from 'vue'
 import {
   Dialog,
   DialogContent,
-} from '@/components/ui/dialog'
-import BtnSecondary from '@/components/button/BtnSecondary.vue';
-import DialogClose from '@/components/ui/dialog/DialogClose.vue';
+} from '../../components/ui/dialog'
+import BtnSecondary from '../../components/button/BtnSecondary.vue';
+import DialogClose from '../../components/ui/dialog/DialogClose.vue';
 import { DialogOverlay } from 'radix-vue';
 
 const model = defineModel<boolean | undefined>('open');