chore: wip

Author: chrisbbreuer

resources/components/Billing/PaymentMethod.vue

@@ -4,8 +4,7 @@ import { useBillable } from '../../functions/billing/payments'
 import LoadingCard from '../Skeleton/LoadingCard.vue'
 import CardBrands from './CardBrands.vue'
 import CardForm from './CardForm.vue'
-
-import PaymentMethodList from './payment-method-list.vue'
+import PaymentMethodList from './PaymentMethodList.vue'
 
 const paymentStore = usePaymentStore()
 

resources/components/Dashboard/Navbar.vue

@@ -19,7 +19,7 @@ watch(theme, (currentVal) => {
   <div class="sticky top-0 z-10 h-16 flex shrink-0 items-center gap-x-4 border-b border-gray-200 bg-white px-4 shadow-sm sm:gap-x-6 dark:border-gray-600 dark:border-gray-600 dark:bg-blue-gray-900 lg:px-8 sm:px-6">
     <button type="button" class="p-2.5 text-gray-700 -m-2.5 lg:hidden">
       <span class="sr-only">Open sidebar</span>
-      <div class="i-hugeicons-bars-3 h-6 w-6" />
+      <div class="i-hugeicons-menu-01 h-6 w-6" />
     </button>
 
     <!-- Separator -->
@@ -33,7 +33,7 @@ watch(theme, (currentVal) => {
       >
         <label for="search-field" class="sr-only">Search</label>
 
-        <div class="i-hugeicons-magnifying-glass pointer-events-none absolute inset-y-0 left-0 h-full w-5 text-gray-400" />
+        <div class="i-hugeicons-search-01 pointer-events-none absolute inset-y-0 left-0 h-full w-5 text-gray-400" />
         <input
           id="search-field"
           class="block h-full w-full border-none py-0 pl-8 pr-0 text-gray-900 dark:bg-blue-gray-900 sm:text-sm dark:text-gray-100 placeholder:text-gray-400 focus:ring-0"

resources/components/Skeleton/loading-details.vue renamed to resources/components/Skeleton/LoadingDetails.vue

@@ -1,7 +1,6 @@
 <script setup lang="ts">
 import { useBillable } from '../../functions/billing/payments'
-
-import CardBrands from '../billing/card-brands.vue'
+import CardBrands from '../Billing/CardBrands.vue'
 
 interface Recurring {
   aggregate_usage: string | null

resources/components/Transaction/index.vue

@@ -1,13 +1,10 @@
 <script setup lang="ts">
 import { useBillable } from '../../../functions/billing/payments'
-
-import ActivePlan from '../../../components/billing/ActivePlan.vue'
-
-import PaymentMethod from '../../../components/billing/PaymentMethod.vue'
-import Plans from '../components/billing/plans.vue'
-
-import LoadingDetails from '../components/skeleton/loading-card.vue'
-import TransactionHistory from '../components/transaction/index.vue'
+import ActivePlan from '../../../components/Billing/ActivePlan.vue'
+import PaymentMethod from '../../../components/Billing/PaymentMethod.vue'
+import Plans from '../../../components/Billing/Plans.vue'
+import LoadingDetails from '../../../components/Skeleton/LoadingCard.vue'
+import TransactionHistory from '../../../components/Transaction/index.vue'
 
 const { isEmpty, showCurrentPlan } = useBillable()
 

resources/views/dashboard/settings/billing.vue

@@ -12,8 +12,8 @@ const result = await Bun.build({
   target: 'browser',
   // sourcemap: 'linked',
   external: ['@stacksjs/path', '@stacksjs/error-handling'],
-  minify: true,
-  plugins: [dts({ root: './src', outdir: './dist' })],
+  // minify: true,
+  plugins: [dts()],
 })
 
 await outro({

storage/framework/core/browser/build.ts

@@ -1,5 +1,5 @@
 export * from './base'
-export * from './billlable'
+export * from './billable'
 export * from './debounce'
 export * from './function'
 export * from './guards'

storage/framework/core/browser/src/utils/billlable.ts renamed to storage/framework/core/browser/src/utils/billable.ts

@@ -111,7 +111,10 @@ watchDebounced(
 )
 
 function determineState(): TableStore {
-  const ls = localStorage.getItem('table')
+  let ls
+  if (typeof localStorage !== 'undefined') {
+    ls = localStorage.getItem('table')
+  }
 
   if (isString(ls))
     return JSON.parse(ls) as TableStore

storage/framework/core/browser/src/utils/index.ts

@@ -28,6 +28,16 @@ export const viewsConfig: ViteConfig = {
   build: {
     rollupOptions: {
       external: [
+        'fs',
+        'node:fs',
+        'node:fs/promises',
+        'node:module',
+        'node:path',
+        'node:process',
+        'node:url',
+        'node:assert',
+        'node:v8',
+        'node:util',
         '@iconify/utils',
         '@antfu/install-pkg',
       ],