chore: wip

Author: chrisbbreuer

bun.lockb

@@ -1,3 +1,7 @@
+<script setup lang="ts">
+const deployScript = ref('')
+</script>
+
 <template>
   <div class="min-h-screen py-4 lg:py-8 dark:bg-blue-gray-800">
     <div class="px-4 mb-8 sm:px-6 lg:px-8">
@@ -107,7 +111,39 @@
       </div>
     </div>
 
-    <TerminalContainer class="px-4 sm:px-6 lg:px-8 pt-12" live="true" />
+    <div class="px-4 sm:px-6 lg:px-8 pt-12">
+      <div class="sm:flex sm:items-center">
+        <div class="sm:flex-auto">
+          <h1 class="text-base font-semibold leading-6 text-gray-900">
+            Deploy Script
+          </h1>
+          <p class="mt-2 text-sm text-gray-700">
+            If you need a custom deploy script, you may specify it here.
+          </p>
+        </div>
+        <!-- <div class="mt-4 sm:ml-16 sm:mt-0 sm:flex-none">
+          <button type="button" class="block rounded-md bg-blue-600 px-3 py-2 text-center text-sm font-semibold text-white shadow-sm hover:bg-blue-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-blue-600">
+            Deploy
+          </button>
+        </div> -->
+      </div>
+
+      <div class="mt-8 flow-root">
+        <div class="-mx-4 -my-2 overflow-x-auto sm:-mx-6 lg:-mx-8">
+          <div class="inline-block min-w-full py-2 align-middle sm:px-6 lg:px-8">
+            <div class="overflow-hidden">
+              <textarea
+                v-model="deployScript"
+                class="w-full h-24 p-4 text-sm text-gray-700 bg-white border border-gray-300 rounded-md"
+                placeholder="echo 'Hello World!'"
+              />
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+
+    <TerminalContainer class="px-4 sm:px-6 lg:px-8 pt-12" :live="true" />
 
     <div class="px-4 sm:px-6 lg:px-8 pt-12">
       <div class="sm:flex sm:items-center">

resources/components/Dashboard/Deployments/DeploymentList.vue

@@ -6,7 +6,6 @@ const theme = ref(isDark.value ? 'dark' : 'light')
 watch(theme, (currentVal) => {
   if (currentVal === 'light')
     isDark.value = false
-
   else
     isDark.value = true
 

resources/components/Dashboard/Navbar.vue

@@ -2,15 +2,17 @@ import { alias } from '@stacksjs/alias'
 import { config } from '@stacksjs/config'
 import { path as p } from '@stacksjs/path'
 import {
-  autoImports,
   components,
   cssEngine,
   i18n,
   layouts,
-  router,
 } from '@stacksjs/vite-plugin'
+import { unheadVueComposablesImports as VueHeadImports } from '@unhead/vue'
 import Vue from '@vitejs/plugin-vue'
+import AutoImport from 'unplugin-auto-import/vite'
 import VueMacros from 'unplugin-vue-macros/vite'
+import { VueRouterAutoImports } from 'unplugin-vue-router'
+import VueRouter from 'unplugin-vue-router/vite'
 import { defineConfig } from 'vite'
 import generateSitemap from 'vite-ssg-sitemap'
 
@@ -73,19 +75,55 @@ export default defineConfig({
       },
     }),
 
-    router({
+    VueRouter({
       extensions: ['.stx', '.vue', '.md'],
       dts: p.frameworkPath('types/dashboard-router.d.ts'),
       routesFolder: [p.resourcesPath('views/dashboard')],
       logs: config.app.debug || false,
     }),
 
     layouts({
-      extensions: ['stx'],
+      extensions: ['vue', 'stx'],
       layoutsDirs: p.layoutsPath('dashboard', { relative: true }),
     }),
 
-    autoImports(),
+    // autoImports(),
+    AutoImport({
+      include: /\.(stx|vue|js|ts|mdx?|elm|html)($|\?)/,
+      imports: [
+        'pinia',
+        'vue',
+        'vue-i18n',
+        // '@vueuse/core',
+        // 'vitepress'
+        // { '@stacksjs/ui': ['CssEngine', 'UiEngine', 'Store', 'presetForms', 'transformerCompileClass'] },
+        // { '@stacksjs/logging': ['dd', 'dump'] }, // we also export `log` in st stacks/cli
+        // { '@stacksjs/validation': ['validate', 'validateAll', 'validateSync', 'validateAllSync'] },
+        VueHeadImports,
+        VueRouterAutoImports,
+        {
+          'vue-router/auto': ['useLink'],
+        },
+      ],
+
+      dts: p.frameworkPath('types/auto-imports.d.ts'),
+
+      dirs: [
+        p.resourcesPath('components'),
+        p.resourcesPath('functions'),
+        p.resourcesPath('stores'),
+        p.corePath(),
+      ],
+
+      vueTemplate: true,
+
+      // eslintrc: {
+      //   enabled: true,
+      //   filepath: '../../.eslintrc-auto-import.json', // Default `./.eslintrc-auto-import.json`
+      //   globalsPropValue: true, // Default `true`, (true | false | 'readonly' | 'readable' | 'writable' | 'writeable')
+      // },
+    }),
+
     components(),
     cssEngine(),
     // markdown(),