Update Account Page & Component directory structure, just like Admin

packages/theme-pink-cupcake/src/components/NavBar/NavBarLogin.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import NavBarDropdown from './NavBarDropdown.vue'
-import FormLogin from '../Content/FormLogin.vue'
+import FormLogin from '../Pages/Account/FormLogin.vue'
 </script>
 
 <template>

packages/theme-pink-cupcake/src/components/Pages/Account/index.ts

@@ -0,0 +1,6 @@
+import FormForgotPassword from './FormForgotPassword.vue'
+import FormLogin from './FormLogin.vue'
+import FormRegister from './FormRegister.vue'
+import FormResendVerification from './FormResendVerification.vue'
+
+export { FormForgotPassword, FormLogin, FormRegister, FormResendVerification }

packages/theme-pink-cupcake/src/components/index.ts

@@ -11,9 +11,9 @@ import CardBoxBig from './Content/CardBoxBig.vue'
 import MainContent from './Content/MainContent.vue'
 import HeaderPage from './Content/HeaderPage.vue'
 import FooterContent from './Content/FooterContent.vue'
-import FormLogin from './Content/FormLogin.vue'
-import FormRegister from './Content/FormRegister.vue'
-import FormForgotPassword from './Content/FormForgotPassword.vue'
+import FormLogin from './Pages/Account/FormLogin.vue'
+import FormRegister from './Pages/Account/FormRegister.vue'
+import FormForgotPassword from './Pages/Account/FormForgotPassword.vue'
 import NavBar from './NavBar/NavBar.vue'
 import NavBarDropdown from './NavBar/NavBarDropdown.vue'
 import NavBarDropdownSeparator from './NavBar/NavBarDropdownSeparator.vue'

packages/theme-pink-cupcake/src/index.ts

@@ -2,8 +2,8 @@ import type { App } from 'vue'
 
 // Import sub-plugins
 import PinkCupcakeComponents from './plugins/components'
-import PinkCupcakeViews from './plugins/views'
 import AdminSprinkle from './plugins/admin'
+import AccountSprinkle from './plugins/account'
 import FontAwesome from './plugins/font-awesome'
 
 // Init UIkit
@@ -15,8 +15,8 @@ UIkit.use(Icons)
 export default {
     install: (app: App) => {
         app.use(PinkCupcakeComponents)
-        app.use(PinkCupcakeViews)
         app.use(AdminSprinkle) // TODO : Add option to disable this or load on demand
+        app.use(AccountSprinkle) // TODO : Add option to disable this or load on demand
         app.use(FontAwesome)
     }
 }

packages/theme-pink-cupcake/src/plugins/account.ts

@@ -0,0 +1,43 @@
+/**
+ * Register every admin components & views globally
+ * See : https://vuejs.org/guide/components/registration
+ */
+import type { App } from 'vue'
+import {
+    PageLogin,
+    PageRegister,
+    PageForgotPassword,
+    PageResendVerification
+} from '../views/Account'
+import {
+    FormLogin,
+    FormRegister,
+    FormForgotPassword,
+    FormResendVerification
+} from '../components/Pages/Account'
+
+export default {
+    install: (app: App) => {
+        app.component('UFFormLogin', FormLogin)
+            .component('UFFormRegister', FormRegister)
+            .component('UFFormForgotPassword', FormForgotPassword)
+            .component('UFFormResendVerification', FormResendVerification)
+            .component('UFPageLogin', PageLogin)
+            .component('UFPageRegister', PageRegister)
+            .component('UFPageForgotPassword', PageForgotPassword)
+            .component('UFPageResendVerification', PageResendVerification)
+    }
+}
+
+declare module 'vue' {
+    export interface GlobalComponents {
+        UFFormLogin: typeof FormLogin
+        UFFormRegister: typeof FormRegister
+        UFFormForgotPassword: typeof FormForgotPassword
+        UFFormResendVerification: typeof FormResendVerification
+        UFPageLogin: typeof PageLogin
+        UFPageRegister: typeof PageRegister
+        UFPageForgotPassword: typeof PageForgotPassword
+        UFPageResendVerification: typeof PageResendVerification
+    }
+}

packages/theme-pink-cupcake/src/plugins/components.ts

@@ -17,9 +17,6 @@ import {
     MainContent,
     HeaderPage,
     FooterContent,
-    FormLogin,
-    FormRegister,
-    FormForgotPassword,
     NavBar,
     NavBarDropdown,
     NavBarDropdownSeparator,
@@ -52,9 +49,6 @@ export default {
             .component('UFMainContent', MainContent)
             .component('UFHeaderPage', HeaderPage)
             .component('UFFooterContent', FooterContent)
-            .component('UFFormLogin', FormLogin)
-            .component('UFFormRegister', FormRegister)
-            .component('UFFormForgotPassword', FormForgotPassword)
             .component('UFNavBar', NavBar)
             .component('UFNavBarDropdown', NavBarDropdown)
             .component('UFNavBarDropdownSeparator', NavBarDropdownSeparator)
@@ -88,9 +82,6 @@ declare module 'vue' {
         UFMainContent: typeof MainContent
         UFHeaderPage: typeof HeaderPage
         UFFooterContent: typeof FooterContent
-        UFFormLogin: typeof FormLogin
-        UFFormRegister: typeof FormRegister
-        UFFormForgotPassword: typeof FormForgotPassword
         UFNavBar: typeof NavBar
         UFNavBarDropdown: typeof NavBarDropdown
         UFNavBarDropdownSeparator: typeof NavBarDropdownSeparator

packages/theme-pink-cupcake/src/tests/components/Content/FormForgotPassword.test.ts

@@ -1,6 +1,6 @@
 import { mount, config } from '@vue/test-utils'
 import { describe, test, expect, vi, afterEach } from 'vitest'
-import FormForgotPassword from '../../../components/Content/FormForgotPassword.vue'
+import FormForgotPassword from '../../../components/Pages/Account/FormForgotPassword.vue'
 import UFAlert from '../../../components/UFAlert.vue'
 import { Severity, type AlertInterface } from '@userfrosting/sprinkle-core/interfaces'
 import { forgotPassword } from '@userfrosting/sprinkle-account/composables'

packages/theme-pink-cupcake/src/tests/components/Content/FormLogin.test.ts

@@ -1,6 +1,6 @@
 import { mount, config } from '@vue/test-utils'
 import { describe, test, afterEach, expect, vi } from 'vitest'
-import FormLogin from '../../../components/Content/FormLogin.vue'
+import FormLogin from '../../../components/Pages/Account/FormLogin.vue'
 import { useAuthStore } from '@userfrosting/sprinkle-account/stores'
 import UFAlert from '../../../components/UFAlert.vue'
 import UIkit from 'uikit'

packages/theme-pink-cupcake/src/tests/components/Content/FormRegister.test.ts

@@ -1,6 +1,6 @@
 import { mount, config } from '@vue/test-utils'
 import { describe, test, expect, vi, afterEach } from 'vitest'
-import FormRegister from '../../../components/Content/FormRegister.vue'
+import FormRegister from '../../../components/Pages/Account/FormRegister.vue'
 import UFAlert from '../../../components/UFAlert.vue'
 import UIkit from 'uikit'
 import type { UserInterface, RegisterForm } from '@userfrosting/sprinkle-account/interfaces'

packages/theme-pink-cupcake/src/tests/components/Content/FormResendVerification.test.ts

@@ -1,6 +1,6 @@
 import { mount, config } from '@vue/test-utils'
 import { describe, test, expect, vi, afterEach } from 'vitest'
-import FormResendVerification from '../../../components/Content/FormResendVerification.vue'
+import FormResendVerification from '../../../components/Pages/Account/FormResendVerification.vue'
 import UFAlert from '../../../components/UFAlert.vue'
 import { Severity, type AlertInterface } from '@userfrosting/sprinkle-core/interfaces'
 import { resendVerification } from '@userfrosting/sprinkle-account/composables'

packages/theme-pink-cupcake/src/views/PageForgotPassword.vue → packages/theme-pink-cupcake/src/views/Account/PageForgotPassword.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import FormForgotPassword from '../components/Content/FormForgotPassword.vue'
+import FormForgotPassword from '../../components/Pages/Account/FormForgotPassword.vue'
 </script>
 
 <template>

packages/theme-pink-cupcake/src/views/PageLogin.vue → packages/theme-pink-cupcake/src/views/Account/PageLogin.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import FormLogin from '../components/Content/FormLogin.vue'
+import FormLogin from '../../components/Pages/Account/FormLogin.vue'
 </script>
 
 <template>

packages/theme-pink-cupcake/src/views/PageRegister.vue → packages/theme-pink-cupcake/src/views/Account/PageRegister.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import FormRegister from '../components/Content/FormRegister.vue'
+import FormRegister from '../../components/Pages/Account/FormRegister.vue'
 </script>
 
 <template>

packages/theme-pink-cupcake/src/views/PageResendVerification.vue → packages/theme-pink-cupcake/src/views/Account/PageResendVerification.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import FormResendVerification from '../components/Content/FormResendVerification.vue'
+import FormResendVerification from '../../components/Pages/Account/FormResendVerification.vue'
 </script>
 
 <template>