refactor: remove unused code

Author: Barbapapazes

resources/js/components/Profile/UserProfileInformationSection.vue

@@ -3,6 +3,7 @@ import type { PageProps } from '@inertiajs/core'
 import type { User } from '@/types/user'
 import currentUserPhoto from '@/routes/current-user-photo'
 import userProfileInformation from '@/routes/user-profile-information'
+import { send } from '@/routes/verification'
 
 const userProfileInformationSection = tv({
   slots: {
@@ -50,6 +51,20 @@ function onRemoveProfilePicture() {
   profilePictureForm.submit(currentUserPhoto.destroy())
 }
 
+const toast = useToast()
+const sendVerificationEmailForm = useForm({})
+function onSendVerificationEmail() {
+  sendVerificationEmailForm.submit(send(), {
+    onSuccess: () => {
+      toast.add({
+        color: 'info',
+        icon: 'i-lucide-mail',
+        title: 'Verification email sent',
+      })
+    },
+  })
+}
+
 const ui = computed(() => userProfileInformationSection())
 </script>
 
@@ -145,6 +160,16 @@ const ui = computed(() => userProfileInformationSection())
         description="Please verify your email address to unlock all features."
         color="warning"
         variant="subtle"
+        orientation="horizontal"
+        :actions="[
+          {
+            label: 'Resend verification email',
+            color: 'warning',
+            variant: 'solid',
+            loading: sendVerificationEmailForm.processing,
+            onClick: () => onSendVerificationEmail(),
+          },
+        ]"
       />
     </form>
   </ProfileSection>

resources/js/components/UserMenu.vue

@@ -12,9 +12,6 @@ defineProps<{
 const colorMode = useColorMode()
 const appConfig = useAppConfig()
 
-const colors = ['red', 'orange', 'amber', 'yellow', 'lime', 'green', 'emerald', 'teal', 'cyan', 'sky', 'blue', 'indigo', 'violet', 'purple', 'fuchsia', 'pink', 'rose']
-const neutrals = ['slate', 'gray', 'zinc', 'neutral', 'stone']
-
 interface Page extends PageProps {
   auth: {
     user: User
@@ -39,58 +36,7 @@ const items = computed<DropdownMenuItem[][]>(() => ([[{
   icon: 'i-lucide-user',
   to: profile.show().url,
   active: page.component === 'user/profile/index',
-}, {
-  label: 'Billing',
-  icon: 'i-lucide-credit-card',
-}, {
-  label: 'Settings',
-  icon: 'i-lucide-settings',
-  to: '/settings',
 }], [{
-  label: 'Theme',
-  icon: 'i-lucide-palette',
-  children: [{
-    label: 'Primary',
-    slot: 'chip',
-    chip: appConfig.ui.colors.primary,
-    content: {
-      align: 'center',
-      collisionPadding: 16,
-    },
-    children: colors.map(color => ({
-      label: color,
-      chip: color,
-      slot: 'chip',
-      checked: appConfig.ui.colors.primary === color,
-      type: 'checkbox',
-      onSelect: (e) => {
-        e.preventDefault()
-
-        appConfig.ui.colors.primary = color
-      },
-    })),
-  }, {
-    label: 'Neutral',
-    slot: 'chip',
-    chip: appConfig.ui.colors.neutral === 'neutral' ? 'old-neutral' : appConfig.ui.colors.neutral,
-    content: {
-      align: 'end',
-      collisionPadding: 16,
-    },
-    children: neutrals.map(color => ({
-      label: color,
-      chip: color === 'neutral' ? 'old-neutral' : color,
-      slot: 'chip',
-      type: 'checkbox',
-      checked: appConfig.ui.colors.neutral === color,
-      onSelect: (e) => {
-        e.preventDefault()
-
-        appConfig.ui.colors.neutral = color
-      },
-    })),
-  }],
-}, {
   label: 'Appearance',
   icon: 'i-lucide-sun-moon',
   children: [{
@@ -120,17 +66,12 @@ const items = computed<DropdownMenuItem[][]>(() => ([[{
 }], [{
   label: 'Documentation',
   icon: 'i-lucide-book-open',
-  to: 'https://ui.nuxt.com/getting-started/installation/pro/vue',
+  to: 'https://ui.nuxt.com/getting-started/installation/vue',
   target: '_blank',
 }, {
   label: 'GitHub repository',
   icon: 'simple-icons:github',
-  to: 'https://github.com/nuxt-ui-pro/dashboard-vue',
-  target: '_blank',
-}, {
-  label: 'Upgrade to Pro',
-  icon: 'i-lucide-rocket',
-  to: 'https://ui.nuxt.com/pro/purchase',
+  to: 'https://github.com/barbapapazes/starter-kit-laravel-nuxt-ui',
   target: '_blank',
 }], [{
   label: 'Log out',

resources/js/layouts/dashboard.vue

@@ -2,31 +2,29 @@
 import type { NavigationMenuItem } from '@nuxt/ui'
 import { useStorage } from '@vueuse/core'
 import { computed, ref } from 'vue'
+import { dashboard } from '@/routes'
+import profile from '@/routes/profile'
 
 const props = defineProps<{
   title: string
 }>()
 
-const toast = useToast()
-
-const open = ref(false)
+const page = usePage()
 
 const links = [[{
   label: 'Home',
   icon: 'i-lucide-house',
-  to: '/',
-  onSelect: () => {
-    open.value = false
-  },
+  to: dashboard().url,
+  active: page.component === 'dashboard',
+}, {
+  label: 'Profile',
+  icon: 'i-lucide-user',
+  to: profile.show().url,
+  active: page.component === 'user/profile/index',
 }], [{
   label: 'Feedback',
   icon: 'i-lucide-message-circle',
-  to: 'https://github.com/nuxt-ui-pro/dashboard-vue',
-  target: '_blank',
-}, {
-  label: 'Help & Support',
-  icon: 'i-lucide-info',
-  to: 'https://github.com/nuxt/ui-pro',
+  to: 'https://github.com/barbapapazes/starter-kit-laravel-nuxt-ui',
   target: '_blank',
 }]] satisfies NavigationMenuItem[][]
 
@@ -46,6 +44,7 @@ const groups = computed(() => [{
   }],
 }])
 
+const toast = useToast()
 const cookie = useStorage('cookie-consent', 'pending')
 if (cookie.value !== 'accepted') {
   toast.add({
@@ -79,7 +78,6 @@ if (cookie.value !== 'accepted') {
       <UDashboardGroup unit="rem" storage="local">
         <UDashboardSidebar
           id="default"
-          v-model:open="open"
           collapsible
           resizable
           class="bg-elevated/25"