chore: fix lint errors in templates (#177)

* chore: fix lint errors in templates

Signed-off-by: David Dal Busco <david.dalbusco@outlook.com>

* chore: lint

Signed-off-by: David Dal Busco <david.dalbusco@outlook.com>

* chore: lint

Signed-off-by: David Dal Busco <david.dalbusco@outlook.com>

---------

Signed-off-by: David Dal Busco <david.dalbusco@outlook.com>

Author: peterpeterparker

templates/angular-example/src/app/components/passkey/passkey/passkey.component.ts

@@ -4,11 +4,17 @@ import { PasskeyProgress } from '../../../types/passkey';
 import { ButtonComponent } from '../../button/button.component';
 import { CreatePasskeyComponent } from '../create-passkey/create-passkey.component';
 import { UsePasskeyComponent } from '../use-passkey/use-passkey.component';
+import { BackdropComponent } from '../../backdrop/backdrop.component';
 
 @Component({
   selector: 'app-passkey',
   templateUrl: './passkey.component.html',
-  imports: [ButtonComponent, CreatePasskeyComponent, UsePasskeyComponent],
+  imports: [
+    ButtonComponent,
+    CreatePasskeyComponent,
+    UsePasskeyComponent,
+    BackdropComponent,
+  ],
 })
 export class PasskeyComponent implements OnInit {
   readonly #passkeySupported = signal(true);

templates/nextjs-example/src/components/logout.tsx

@@ -1,10 +1,12 @@
 import { signOut } from "@junobuild/core";
 
 export const Logout = () => {
+  const doSignOut = (): Promise<void> => signOut();
+
   return (
     <button
       type="button"
-      onClick={signOut}
+      onClick={doSignOut}
       className="hover:text-lavender-blue-500 active:text-lavender-blue-400 mt-24 flex items-center gap-2 dark:text-white"
     >
       <svg

templates/react-ts-example/src/components/Logout.tsx

@@ -2,10 +2,12 @@ import { signOut } from "@junobuild/core";
 import { FC } from "react";
 
 export const Logout: FC = () => {
+  const doSignOut = (): Promise<void> => signOut();
+
   return (
     <button
       type="button"
-      onClick={signOut}
+      onClick={doSignOut}
       className="hover:text-lavender-blue-500 active:text-lavender-blue-400 mt-24 flex items-center gap-2 dark:text-white"
     >
       <svg

templates/sveltekit-example/eslint.config.js

@@ -29,5 +29,10 @@ export default ts.config(
 	},
 	{
 		ignores: ['build/', '.svelte-kit/', 'dist/', 'static/']
+	},
+	{
+		rules: {
+			'svelte/no-navigation-without-resolve': 'off'
+		}
 	}
 );

templates/sveltekit-example/src/app.d.ts

@@ -7,17 +7,6 @@ declare global {
 		// interface PageData {}
 		// interface Platform {}
 	}
-
-	/* eslint-disable */
-
-	declare namespace svelteHTML {
-		interface HTMLAttributes<T> {
-			onjunoSignOutAuthTimer?: (event: CustomEvent<any>) => void;
-			onjunoExampleReload?: (event: CustomEvent<any>) => void;
-		}
-	}
-
-	/* eslint-enable */
 }
 
 export {};

templates/sveltekit-example/src/custom-events.d.ts

@@ -0,0 +1,12 @@
+declare module 'svelte/elements' {
+	/* eslint-disable */
+
+	export interface HTMLAttributes<T> {
+		onjunoSignOutAuthTimer?: (event: CustomEvent<any>) => void;
+		onjunoExampleReload?: (event: CustomEvent<any>) => void;
+	}
+
+	/* eslint-enable */
+}
+
+export {};

templates/sveltekit-example/src/lib/components/Logout.svelte

@@ -1,10 +1,12 @@
 <script lang="ts">
 	import { signOut } from '@junobuild/core';
+
+	const doSignOut = (): Promise<void> => signOut();
 </script>
 
 <button
 	type="button"
-	onclick={signOut}
+	onclick={doSignOut}
 	class="hover:text-lavender-blue-500 active:text-lavender-blue-400 mt-24 flex items-center gap-2 dark:text-white"
 >
 	<svg

templates/vue-example/src/components/Logout.vue

@@ -1,11 +1,13 @@
 <script setup lang="ts">
 import { signOut } from '@junobuild/core'
+
+const doSignOut = (): Promise<void> => signOut()
 </script>
 
 <template>
   <button
     type="button"
-    @click="signOut"
+    @click="doSignOut"
     class="hover:text-lavender-blue-500 active:text-lavender-blue-400 mt-24 flex items-center gap-2 dark:text-white"
   >
     <svg

templates/vue-example/src/components/passkey/CreatePasskey.vue

@@ -5,7 +5,7 @@ import {
   signUp,
   WebAuthnSignUpProgressStep,
 } from '@junobuild/core'
-import type { PasskeyProgress, PasskeyProps } from '@/types/passkey.ts'
+import type { PasskeyProps } from '@/types/passkey.ts'
 import { computed, ref } from 'vue'
 import Button from '@/components/Button.vue'
 import Progress from '@/components/passkey/Progress.vue'