chore: wip

Author: glennmichael123

resources/components/Billing/ActivePlan.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { useBillable } from '../../../../functions/billing/payments'
+import { useBillable } from '../../functions/billing/payments'
 
 const paymentStore = usePaymentStore()
 

resources/components/Billing/CardForm.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { useBillable } from '../../../../functions/billing/payments'
+import { useBillable } from '../../functions/billing/payments'
 
 const emit = defineEmits(['cancelPaymentMethodAddition'])
 const { loadCardForm, handleAddPaymentMethod } = useBillable()

resources/components/Billing/OneTimePayment.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
-import { useBillable } from '../../../../functions/billing/payments'
+import { useBillable } from '../../functions/billing/payments'
 
-import PaymentForm from './payment-form.vue'
+import PaymentForm from './PaymentForm.vue'
 
 interface Props {
   product: number,

resources/components/Billing/PaymentForm.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { useBillable } from '../../../../functions/billing/payments'
+import { useBillable } from '../../functions/billing/payments'
 
 interface Props {
   productId: number

resources/components/Billing/PaymentMethod.vue

@@ -1,9 +1,9 @@
 <script setup lang="ts">
 import { Notification } from '@stacksjs/notification'
-import { useBillable } from '../../../../functions/billing/payments'
-import LoadingCard from '../skeleton/loading-card.vue'
-import CardBrands from './card-brands.vue'
-import CardForm from './card-form.vue'
+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'
 

resources/components/Billing/PaymentMethodList.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import LoadingCard from '../skeleton/loading-card.vue'
-import CardBrands from './card-brands.vue'
+import LoadingCard from '../Skeleton/LoadingCard.vue'
+import CardBrands from './CardBrands.vue'
 
 const props = defineProps<Props>()
 

resources/components/Billing/plans.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { saas } from '@stacksjs/browser'
-import { useBillable } from '../../../../functions/billing/payments'
+import { useBillable } from '../../functions/billing/payments'
 
 const checkedPlanType = ref('monthly')
 const selectedPlan = ref('')

resources/components/Skeleton/loading-card.vue renamed to resources/components/Skeleton/LoadingCard.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { useBillable } from '../../../../functions/billing/payments'
+import { useBillable } from '../../functions/billing/payments'
 
 import CardBrands from '../billing/card-brands.vue'
 

resources/components/Transaction/index.vue

@@ -1,9 +1,9 @@
 <script setup lang="ts">
 import { useBillable } from '../../../functions/billing/payments'
 
-import ActivePlan from '../components/billing/active-plan.vue'
+import ActivePlan from '../../../components/billing/ActivePlan.vue'
 
-import PaymentMethod from '../components/billing/payment-method.vue'
+import PaymentMethod from '../../../components/billing/PaymentMethod.vue'
 import Plans from '../components/billing/plans.vue'
 
 import LoadingDetails from '../components/skeleton/loading-card.vue'

resources/views/dashboard/settings/billing.vue

@@ -8,22 +8,22 @@ import { route } from '@stacksjs/router'
  * @see https://docs.stacksjs.org/routing
  */
 
-// route.get('/foo/bar/{id}', () => 'hello world, foo bar') // $API_URL/hello/world
-// route.get('/', () => 'hello world') // $API_URL
-// route.get('/hello/world', () => 'hello world, buddy') // $API_URL/hello/world
-
-// route.post('/email/subscribe', 'Actions/SubscriberEmailAction')
-// route.post('/login', 'Actions/LoginAction')
-// route.get('/generate-registration-options', 'Actions/Auth/GenerateRegistrationAction')
-// route.post('/verify-registration', 'Actions/Auth/VerifyRegistrationAction')
-// route.get('/generate-authentication-options', 'Actions/Auth/GenerateAuthenticationAction')
-// route.post('/verify-authentication', 'Actions/Auth/VerifyAuthenticationAction')
-
-// // route.email('/welcome')
-// route.health() // adds a GET `/health` route
-// route.get('/install', 'Actions/InstallAction')
-// route.post('/ai/ask', 'Actions/AI/AskAction')
-// route.post('/ai/summary', 'Actions/AI/SummaryAction')
+route.get('/foo/bar/{id}', () => 'hello world, foo bar') // $API_URL/hello/world
+route.get('/', () => 'hello world') // $API_URL
+route.get('/hello/world', () => 'hello world, buddy') // $API_URL/hello/world
+
+route.post('/email/subscribe', 'Actions/SubscriberEmailAction')
+route.post('/login', 'Actions/LoginAction')
+route.get('/generate-registration-options', 'Actions/Auth/GenerateRegistrationAction')
+route.post('/verify-registration', 'Actions/Auth/VerifyRegistrationAction')
+route.get('/generate-authentication-options', 'Actions/Auth/GenerateAuthenticationAction')
+route.post('/verify-authentication', 'Actions/Auth/VerifyAuthenticationAction')
+
+// route.email('/welcome')
+route.health() // adds a GET `/health` route
+route.get('/install', 'Actions/InstallAction')
+route.post('/ai/ask', 'Actions/AI/AskAction')
+route.post('/ai/summary', 'Actions/AI/SummaryAction')
 
 route.group({ prefix: '/payments' }, async () => {
   route.get('/fetch-customer/{id}', 'Actions/Payment/FetchPaymentCustomerAction')