start on linting fixes

Author: connorabbas

.devcontainer/devcontainer.json

@@ -21,7 +21,8 @@
                 "Vue.volar",
                 "bradlc.vscode-tailwindcss",
                 "shd101wyy.markdown-preview-enhanced",
-                "formulahendry.auto-rename-tag"
+                "formulahendry.auto-rename-tag",
+                "pmneo.tsimporter"
             ],
             "settings": {
                 "terminal.integrated.shell.linux": "/bin/sh"

src/components/Container.vue

@@ -1,5 +1,5 @@
 <script setup>
-const props = defineProps({
+defineProps({
     spacedMobile: {
         type: Boolean,
         default: true,

src/components/InputErrors.vue

@@ -9,7 +9,8 @@ defineProps({
 <template>
     <div v-if="errors" class="space-y-1">
         <Message
-            v-for="errorMessage in errors"
+            v-for="(errorMessage, index) in errors"
+            :key="index"
             severity="error"
             variant="simple"
             size="small"

src/components/PrimeVue/LinksMenu.vue

@@ -1,7 +1,9 @@
-<script setup>
+<script setup lang="ts">
 import { useTemplateRef } from 'vue';
+import Menu from 'primevue/menu';
 
-const childRef = useTemplateRef('child-ref');
+type MenuType = InstanceType<typeof Menu>
+const childRef = useTemplateRef<MenuType>('child-ref');
 defineExpose({
     childRef,
 });
@@ -19,8 +21,8 @@ defineExpose({
                 <a
                     :href="href"
                     v-bind="props.action"
-                    @click="navigate"
                     class="p-menubar-item-link"
+                    @click="navigate"
                 >
                     <span
                         v-show="item.icon"

src/components/PrimeVue/LinksMenuBar.vue

@@ -1,7 +1,9 @@
-<script setup>
+<script setup lang="ts">
 import { useTemplateRef } from 'vue';
+import Menubar from 'primevue/menubar';
 
-const childRef = useTemplateRef('child-ref');
+type MenubarType = InstanceType<typeof Menubar>
+const childRef = useTemplateRef<MenubarType>('child-ref');
 defineExpose({
     childRef,
 });
@@ -30,11 +32,11 @@ defineExpose({
                 <a
                     :href="href"
                     v-bind="props.action"
-                    @click="navigate"
                     :class="{
                         'font-bold text-primary': item.active,
                         'text-muted-color': root && !item.active,
                     }"
+                    @click="navigate"
                 >
                     <span
                         v-show="item.icon"

src/layouts/AuthenticatedLayout.vue

@@ -127,10 +127,10 @@ watchEffect(() => {
                                         class="relative"
                                     ></div>
                                     <LinksMenu
+                                        ref="user-menu"
                                         appendTo="#user-menu-append"
                                         :model="userMenuItems"
                                         popup
-                                        ref="user-menu"
                                         class="shadow"
                                         :pt="{
                                             root: {
@@ -148,12 +148,12 @@ watchEffect(() => {
                                         text
                                         severity="secondary"
                                         icon="pi pi-bars"
-                                        @click="mobileMenuOpen = true"
                                         :pt="{
                                             icon: {
                                                 class: 'text-xl',
                                             },
                                         }"
+                                        @click="mobileMenuOpen = true"
                                     />
                                 </div>
                             </div>
@@ -200,12 +200,12 @@ watchEffect(() => {
                             </div>
                             <div class="grow">
                                 <Button
-                                    @click="authStore.logout()"
                                     label="Logout"
                                     icon="pi pi-sign-out"
                                     class="w-full"
                                     severity="danger"
                                     text
+                                    @click="authStore.logout()"
                                 ></Button>
                             </div>
                         </div>
@@ -215,8 +215,8 @@ watchEffect(() => {
 
             <!-- Page Heading -->
             <header
-                class="dynamic-bg shadow"
                 v-if="$slots.header"
+                class="dynamic-bg shadow"
             >
                 <Container>
                     <div class="py-6">

src/middleware/auth.js

@@ -1,4 +1,4 @@
-export default async function auth({ to, from, authStore }) {
+export default async function auth({ to, authStore }) {
     await authStore.fetchUser();
     if (!authStore.user) {
         return { name: 'login', query: { redirect: to.fullPath } };

src/middleware/guest.js

@@ -1,4 +1,4 @@
-export default async function guest({ to, from, authStore }) {
+export default async function guest({ authStore }) {
     if (!authStore.user) {
         await authStore.fetchUser();
     }

src/middleware/verified.js

@@ -1,4 +1,4 @@
-export default async function verified({ to, from, authStore }) {
+export default async function verified({ to, authStore }) {
     if (to.name === 'verifyEmail') return;
 
     if (!authStore.user) {

src/views/Welcome.vue

@@ -43,10 +43,10 @@ await authStore.fetchUser();
                             <template v-if="authStore?.user">
                                 <RouterLink :to="{ name: 'dashboard' }">
                                     <Button
-                                        raised
                                         label="Dashboard"
                                         icon="pi pi-th-large"
                                         class="mr-4"
+                                        raised
                                     />
                                 </RouterLink>
                                 <RouterLink :to="{ name: 'profile' }">
@@ -61,10 +61,10 @@ await authStore.fetchUser();
                             <template v-else>
                                 <RouterLink :to="{ name: 'login' }">
                                     <Button
-                                        raised
                                         label="Login"
                                         icon="pi pi-sign-in"
                                         class="mr-4"
+                                        raised
                                     />
                                 </RouterLink>
                                 <RouterLink :to="{ name: 'register' }">