create-v-kit-spa 1.0.10 → 1.0.12

package/lib/162/config/cache.php

@@ -26,7 +26,7 @@ return [
     | well as their drivers. You may even define multiple stores for the
     | same cache driver to group types of items stored in your caches.
     |
-    | Supported drivers: "apc", "array", "database", "file", "memcached",
+    | Supported drivers: "array", "database", "file", "memcached",
     |                    "redis", "dynamodb", "octane", "null"
     |
     */
@@ -40,9 +40,10 @@ return [
 
         'database' => [
             'driver' => 'database',
+            'connection' => env('DB_CACHE_CONNECTION'),
             'table' => env('DB_CACHE_TABLE', 'cache'),
-            'connection' => env('DB_CACHE_CONNECTION', null),
-            'lock_connection' => env('DB_CACHE_LOCK_CONNECTION', null),
+            'lock_connection' => env('DB_CACHE_LOCK_CONNECTION'),
+            'lock_table' => env('DB_CACHE_LOCK_TABLE'),
         ],
 
         'file' => [

package/lib/162/config/database.php

@@ -37,6 +37,9 @@ return [
             'database' => env('DB_DATABASE', database_path('database.sqlite')),
             'prefix' => '',
             'foreign_key_constraints' => env('DB_FOREIGN_KEYS', true),
+            'busy_timeout' => null,
+            'journal_mode' => null,
+            'synchronous' => null,
         ],
 
         'mysql' => [
@@ -49,7 +52,7 @@ return [
             'password' => env('DB_PASSWORD', ''),
             'unix_socket' => env('DB_SOCKET', ''),
             'charset' => env('DB_CHARSET', 'utf8mb4'),
-            'collation' => env('DB_COLLATION', 'utf8mb4_0900_ai_ci'),
+            'collation' => env('DB_COLLATION', 'utf8mb4_unicode_ci'),
             'prefix' => '',
             'prefix_indexes' => true,
             'strict' => true,
@@ -69,7 +72,7 @@ return [
             'password' => env('DB_PASSWORD', ''),
             'unix_socket' => env('DB_SOCKET', ''),
             'charset' => env('DB_CHARSET', 'utf8mb4'),
-            'collation' => env('DB_COLLATION', 'utf8mb4_uca1400_ai_ci'),
+            'collation' => env('DB_COLLATION', 'utf8mb4_unicode_ci'),
             'prefix' => '',
             'prefix_indexes' => true,
             'strict' => true,

package/lib/162/config/filesystems.php

@@ -24,7 +24,7 @@ return [
     | may even configure multiple disks for the same driver. Examples for
     | most supported storage drivers are configured here for reference.
     |
-    | Supported Drivers: "local", "ftp", "sftp", "s3"
+    | Supported drivers: "local", "ftp", "sftp", "s3"
     |
     */
 
@@ -32,7 +32,8 @@ return [
 
         'local' => [
             'driver' => 'local',
-            'root' => storage_path('app'),
+            'root' => storage_path('app/private'),
+            'serve' => true,
             'throw' => false,
         ],
 

package/lib/162/config/logging.php

@@ -45,7 +45,7 @@ return [
     | utilizes the Monolog PHP logging library, which includes a variety
     | of powerful log handlers and formatters that you're free to use.
     |
-    | Available Drivers: "single", "daily", "slack", "syslog",
+    | Available drivers: "single", "daily", "slack", "syslog",
     |                    "errorlog", "monolog", "custom", "stack"
     |
     */

package/lib/162/config/mail.php

@@ -30,7 +30,8 @@ return [
     | your mailers below. You may also add additional mailers if needed.
     |
     | Supported: "smtp", "sendmail", "mailgun", "ses", "ses-v2",
-    |            "postmark", "log", "array", "failover", "roundrobin"
+    |            "postmark", "resend", "log", "array",
+    |            "failover", "roundrobin"
     |
     */
 
@@ -45,7 +46,7 @@ return [
             'username' => env('MAIL_USERNAME'),
             'password' => env('MAIL_PASSWORD'),
             'timeout' => null,
-            'local_domain' => env('MAIL_EHLO_DOMAIN'),
+            'local_domain' => env('MAIL_EHLO_DOMAIN', parse_url(env('APP_URL', 'http://localhost'), PHP_URL_HOST)),
         ],
 
         'ses' => [
@@ -60,6 +61,10 @@ return [
             // ],
         ],
 
+        'resend' => [
+            'transport' => 'resend',
+        ],
+
         'sendmail' => [
             'transport' => 'sendmail',
             'path' => env('MAIL_SENDMAIL_PATH', '/usr/sbin/sendmail -bs -i'),
@@ -82,6 +87,14 @@ return [
             ],
         ],
 
+        'roundrobin' => [
+            'transport' => 'roundrobin',
+            'mailers' => [
+                'ses',
+                'postmark',
+            ],
+        ],
+
     ],
 
     /*

package/lib/162/config/queue.php

@@ -36,10 +36,10 @@ return [
 
         'database' => [
             'driver' => 'database',
-            'connection' => env('DB_QUEUE_CONNECTION', null),
+            'connection' => env('DB_QUEUE_CONNECTION'),
             'table' => env('DB_QUEUE_TABLE', 'jobs'),
             'queue' => env('DB_QUEUE', 'default'),
-            'retry_after' => env('DB_QUEUE_RETRY_AFTER', 90),
+            'retry_after' => (int) env('DB_QUEUE_RETRY_AFTER', 90),
             'after_commit' => false,
         ],
 
@@ -47,7 +47,7 @@ return [
             'driver' => 'beanstalkd',
             'host' => env('BEANSTALKD_QUEUE_HOST', 'localhost'),
             'queue' => env('BEANSTALKD_QUEUE', 'default'),
-            'retry_after' => env('BEANSTALKD_QUEUE_RETRY_AFTER', 90),
+            'retry_after' => (int) env('BEANSTALKD_QUEUE_RETRY_AFTER', 90),
             'block_for' => 0,
             'after_commit' => false,
         ],
@@ -67,7 +67,7 @@ return [
             'driver' => 'redis',
             'connection' => env('REDIS_QUEUE_CONNECTION', 'default'),
             'queue' => env('REDIS_QUEUE', 'default'),
-            'retry_after' => env('REDIS_QUEUE_RETRY_AFTER', 90),
+            'retry_after' => (int) env('REDIS_QUEUE_RETRY_AFTER', 90),
             'block_for' => null,
             'after_commit' => false,
         ],

package/lib/162/config/services.php

@@ -24,6 +24,10 @@ return [
         'region' => env('AWS_DEFAULT_REGION', 'us-east-1'),
     ],
 
+    'resend' => [
+        'key' => env('RESEND_KEY'),
+    ],
+
     'slack' => [
         'notifications' => [
             'bot_user_oauth_token' => env('SLACK_BOT_USER_OAUTH_TOKEN'),

package/lib/162/config/session.php

@@ -125,7 +125,6 @@ return [
     | the framework. Typically, you should not need to change this value
     | since doing so does not grant a meaningful security improvement.
     |
-    |
     */
 
     'cookie' => env(

package/lib/162/package.json

@@ -6,16 +6,8 @@
         "build": "vite build"
     },
     "devDependencies": {
-        "@mdi/font": "^7.4.47",
-        "axios": "^1.6.4",
+        "axios": "^1.7.4",
         "laravel-vite-plugin": "^1.0",
         "vite": "^5.0"
-    },
-    "dependencies": {
-        "@vitejs/plugin-vue": "^5.2.1",
-        "pinia": "^2.3.0",
-        "vue": "^3.5.13",
-        "vue-router": "^4.5.0",
-        "vuetify": "^3.7.5"
     }
 }

package/lib/162/public/.htaccess

@@ -2,22 +2,20 @@
     <IfModule mod_negotiation.c>
         Options -MultiViews -Indexes
     </IfModule>
- 
+
     RewriteEngine On
-    RewriteBase /ProjectName/
- 
+
     # Handle Authorization Header
     RewriteCond %{HTTP:Authorization} .
     RewriteRule .* - [E=HTTP_AUTHORIZATION:%{HTTP:Authorization}]
- 
+
     # Redirect Trailing Slashes If Not A Folder...
     RewriteCond %{REQUEST_FILENAME} !-d
     RewriteCond %{REQUEST_URI} (.+)/$
     RewriteRule ^ %1 [L,R=301]
-    RewriteRule ^(.*)/$ /ProjectName/$1 [L,R=301]
- 
-    # Handle Front Controller...
+
+    # Send Requests To Front Controller...
     RewriteCond %{REQUEST_FILENAME} !-d
     RewriteCond %{REQUEST_FILENAME} !-f
     RewriteRule ^ index.php [L]
-</IfModule>
+</IfModule>

package/lib/162/resources/js/app.js

@@ -1,29 +1,29 @@
-import './bootstrap';
+import './bootstrap.js';
 import { createApp } from 'vue'
-import App from './templates/App.vue'
+import App from './components/templates/App.vue'
 
-import router from './router.js'
-
-import { createPinia } from 'pinia'
-const pinia = createPinia()
+import router  from './router.js'
 
 import 'vuetify/styles'
-import { createVuetify } from 'vuetify';
+import { createVuetify } from 'vuetify'
 import * as components from 'vuetify/components'
 import * as directives from 'vuetify/directives'
 
 import '@mdi/font/css/materialdesignicons.css'
 
+import { createPinia } from 'pinia'
+
+const pinia = createPinia()
 const vuetify = createVuetify({
     components,
     directives,
     icons: {
-        defaultSet: 'mdi'
-    }
+        defaultSet: 'mdi',
+    },
 })
 
 const app = createApp(App)
-app.use(router)
 app.use(pinia)
 app.use(vuetify)
+app.use(router)
 app.mount('#app')

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

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

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

@@ -1,12 +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>
+<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/components/pages/About.vue

@@ -0,0 +1,5 @@
+<template>
+    <div>
+        <p>About Page</p>
+    </div>
+</template>

package/lib/162/resources/js/components/pages/Error.vue

@@ -0,0 +1,5 @@
+<template>
+    <div>
+        <p>Error Page | 404 Not Found</p>
+    </div>
+</template>

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

@@ -0,0 +1,21 @@
+<template>
+    <h1>HOME</h1>
+    <h1>{{ sampleStore.greet }}</h1>
+    <h1>Original : {{ sampleStore.count }}</h1>
+    <h1>Getter : {{ sampleStore.doubleCount }}</h1>
+    <v-btn @click="sampleStore.increment">Add</v-btn>
+  </template>
+  
+  <script>
+  import { useSampleStore } from '../../mainStore.js';
+  
+  export default {
+    setup() {
+        const sampleStore = useSampleStore();
+    
+        return {
+            sampleStore,
+        };
+    },
+  };
+  </script>

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

@@ -0,0 +1,86 @@
+<template>
+    <v-app>
+        <v-app-bar
+            density="compact"
+            color="primary"
+            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="primary"
+                    @click="$router.push(item.to)"
+                >
+                    <template v-slot:prepend>
+                        <v-icon :icon="item.icon"></v-icon>
+                    </template>
+                    <v-list-item-title 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>
+
+<!-- <script>
+export default {
+    data: () => ({
+        drawer: false,
+        items: [
+            {
+                title: 'Home',
+                to: '/',
+                icon: 'mdi-home'
+            },
+            {
+                title: 'About',
+                to: 'about',
+                icon:'mdi-information-outline'
+            },
+        ],
+
+    }),
+}   
+</script> -->

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

@@ -1,9 +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'
+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/mainStore.js

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

package/lib/162/resources/js/router.js

@@ -1,24 +1,40 @@
-import { createRouter, createWebHistory } from "vue-router";
-
-const Home = () => import('./views/HomeView.vue');
-const About = () => import('./components/About.vue');
-
-const router = createRouter({
-    // history: createWebHistory(),
-    history: createWebHistory('/ProjectName/'),
-    base: '/ProjectName/',
-    routes:[
-        {
-            path:'/',
-            component: Home,
-            name: 'Home'
-        },
-        {
-            path:'/about',
-            component: About,
-            name: 'About'
-        }
-    ]
-});
-
-export default router;
+import { createRouter, createWebHistory } from 'vue-router'
+
+const Home = () => import('./components/pages/Home.vue');
+const About= () => import('./components/pages/About.vue');
+const ErrorPage = () => import('./components/pages/Error.vue');
+// import Home from './components/pages/Home.vue';
+// import About from './components/pages/About.vue';
+// import ErrorPage from './components/pages/Error.vue';
+
+const router = createRouter({
+    history: createWebHistory(import.meta.env.BASE_URL), 
+    routes: [
+        {
+            path: '/',
+            component: Home,
+            name: 'Home',
+        },
+        {
+            path: '/about',
+            component: About,
+            name: 'About',
+        },
+        {
+            path: '/:catchAll(.*)',
+            component: ErrorPage,
+            name: 'Error'
+        },
+    ],
+});
+      
+// router.beforeEach((to, from, next) => {
+//     if(to.path == '/'){
+//       next('/')
+//     }else{
+//       next()
+//     }
+// })
+
+export default router;
+ 

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

@@ -1,19 +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++
-        },
-    },
+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++
+        },
+    },
 })