@citruslime/create-boilerplate 1.4.1 → 1.4.2-beta.0

package/main.mjs

@@ -116,15 +116,15 @@ const dependenciesToInstall = [
         dev: true
     },
     {
-        name: 'vite',
+        name: 'unplugin-vue-router',
         dev: true
     },
     {
-        name: 'vite-plugin-mkcert',
+        name: 'vite',
         dev: true
     },
     {
-        name: 'vite-plugin-pages',
+        name: 'vite-plugin-mkcert',
         dev: true
     },
     {

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@citruslime/create-boilerplate",
     "type": "module",
-    "version": "1.4.1",
+    "version": "1.4.2-beta.0",
     "author": {
         "name": "Citrus-Lime Ltd",
         "url": "https://citruslime.com"

package/template/env.d.ts

@@ -1,2 +1 @@
 /// <reference types="vite/client" />
-/// <reference types="vite-plugin-pages/client" />

package/template/src/pages/dasboard/index.vue

@@ -1,6 +1,6 @@
-<route>
+<route lang="json">
 {
-    path: '/'
+    "path": "/"
 }
 </route>
 

package/template/src/router/index.ts

@@ -1,17 +1,14 @@
-import generatedRoutes from 'virtual:generated-pages';
-
-export const routes: RouteRecordRaw[] = [
-    ...generatedRoutes,
-    {
-        name: 'not-found',
-        path: '/:pathMatch(.*)*',
-        redirect: '/'
-    }
-];
-
 const router = createRouter({
     history: createWebHashHistory(),
-    routes
+    extendRoutes (routes) {
+        routes.push({
+            name: 'not-found',
+            path: '/:pathMatch(.*)*',
+            redirect: '/'
+        });
+
+        return routes;
+    }
 });
 
 export default router;

package/template/{tailwind.config.cjs → tailwind.config.ts}

@@ -1,8 +1,9 @@
-/** @type {import('tailwindcss').Config} */
-module.exports = {
+import type { Config } from 'tailwindcss';
+
+export default {
     presets: [require('@citruslime/theme')],
     content: [
         './index.html',
         './src/**/*.{vue,js,cjs,mjs,ts}'
     ]
-};
+} satisfies Config;

package/template/tsconfig.app.json

@@ -4,6 +4,7 @@
         "auto-imports.d.ts",
         "components.d.ts",
         "env.d.ts",
+        "typed-router.d.ts",
         "src/**/*.ts",
         "src/**/*.d.ts",
         "src/**/*.vue"

package/template/vite.config.ts

@@ -5,9 +5,10 @@ import vue from '@vitejs/plugin-vue';
 import autoImport from 'unplugin-auto-import/vite';
 import { VueUseComponentsResolver } from 'unplugin-vue-components/resolvers';
 import components from 'unplugin-vue-components/vite';
+import { VueRouterAutoImports, getPascalCaseRouteName } from 'unplugin-vue-router';
+import router from 'unplugin-vue-router/vite';
 import { defineConfig } from 'vite';
 import mkcert from 'vite-plugin-mkcert';
-import pages from 'vite-plugin-pages';
 
 export default defineConfig({
     plugins: [
@@ -22,16 +23,16 @@ export default defineConfig({
                 'pinia',
                 'vue',
                 'vue-i18n',
-                'vue-router',
+                VueRouterAutoImports,
                 {
-                    from: 'vue-router',
+                    from: 'vue-router/auto',
                     imports: [
                         'createRouter',
                         'createWebHashHistory'
                     ]
                 },
                 {
-                    from: 'vue-router',
+                    from: 'vue-router/auto',
                     imports: ['RouteRecordRaw'],
                     type: true
                 },
@@ -55,9 +56,10 @@ export default defineConfig({
                 CitrusLimeUI()
             ]
         }),
-        pages({
-            pagesDir: 'src/pages',
-            extensions: ['vue']
+        router({
+            routesFolder: 'src/pages',
+            extensions: ['.vue'],
+            getRouteName: getPascalCaseRouteName
         }),
         vue(),
         mkcert()