themesberg / flowbite-svelte

Official Svelte components built for Flowbite and Tailwind CSS
https://flowbite-svelte.com
MIT License
2.19k stars 270 forks source link

npm run check found 100 errors #483

Closed shinokada closed 1 year ago

shinokada commented 1 year ago

Describe the bug

Run npm run check:

...
/Users/shinichiokada/Svelte/FLOWBITE-SVELTE/flowbite-svelte/src/routes/+error.svelte:3:33
Error: Binding element 'status' implicitly has an 'any' type. (js)
  /** @type {import('@sveltejs/kit').ErrorLoad} */
  export function load({ error, status }) {
    return {

/Users/shinichiokada/Svelte/FLOWBITE-SVELTE/flowbite-svelte/src/routes/+error.svelte:13:14
Error: Variable 'title' implicitly has type 'any' in some locations where its type cannot be determined. (js)
<script>
  export let title;
</script>

/Users/shinichiokada/Svelte/FLOWBITE-SVELTE/flowbite-svelte/src/routes/+error.svelte:16:71
Error: Variable 'title' implicitly has an 'any' type. (js)

<h1 class="text-3xl w-full mb-8 text-gray-900 dark:text-white pt-24">{title}</h1>

/Users/shinichiokada/Svelte/FLOWBITE-SVELTE/flowbite-svelte/src/routes/+layout.svelte:76:6
Hint: 'containPath' is declared but its value is never read. (ts)

  $: containPath = () => {
    // add your logic here

/Users/shinichiokada/Svelte/FLOWBITE-SVELTE/flowbite-svelte/src/routes/+page.svelte:19:3
Error: Type '{ title: string; description: string; facebook: { appId: string; }; openGraph: { type: string; url: string; title: string; description: string; images: { url: string; width: number; height: number; alt: string; }[]; site_name: string; }; twitter: { ...; }; }' is not assignable to type 'IntrinsicAttributes & { breadcrumb_title?: string | undefined; description?: string | undefined; title?: string | undefined; dir?: string | undefined; }'.
  Property 'facebook' does not exist on type 'IntrinsicAttributes & { breadcrumb_title?: string | undefined; description?: string | undefined; title?: string | undefined; dir?: string | undefined; }'. (js)
  {description}
  facebook={{
    appId: '453670756870545'

/Users/shinichiokada/Svelte/FLOWBITE-SVELTE/flowbite-svelte/src/routes/+page.svelte:92:20
Error: Type 'string' is not assignable to type 'never'. (js)
  <Block.FooterBlock />
  <Block.FormBlock rel="external" />
  <Block.HeadingBlock />

/Users/shinichiokada/Svelte/FLOWBITE-SVELTE/flowbite-svelte/src/routes/datepicker/+page.svelte:2:76
Hint: 'MetaTag' is declared but its value is never read. (js)
<script>
  import { Htwo, ExampleDiv, CompoDescription, TableProp, TableDefaultRow, MetaTag } from '../utils';
  import 'prism-themes/themes/prism-holi-theme.css';

/Users/shinichiokada/Svelte/FLOWBITE-SVELTE/flowbite-svelte/src/routes/layouts/testLayout/+page.svelte:2:3
Hint: 'Htwo' is declared but its value is never read. (js)
<script>
  import Htwo from '../../utils/Htwo.svelte';
  import 'prism-themes/themes/prism-holi-theme.css';

====================================
svelte-check found 100 errors, 0 warnings, and 16 hints

Reproduction

N/A

Flowbite version and System Info

N/A
shinokada commented 1 year ago

60 errors to go:

npm run check

> flowbite-svelte@0.29.1 check
> svelte-kit sync && svelte-check --tsconfig ./tsconfig.json

====================================
Loading svelte-check in workspace: /Users/shinichiokada/Svelte/FLOWBITE-SVELTE/flowbite-svelte-local-development
Getting Svelte diagnostics...

/Users/shinichiokada/Svelte/FLOWBITE-SVELTE/flowbite-svelte-local-development/src/routes/+layout.js:1:30
Error: Binding element 'fetch' implicitly has an 'any' type. 
export const load = async ({ fetch }) => {
  try {

/Users/shinichiokada/Svelte/FLOWBITE-SVELTE/flowbite-svelte-local-development/src/routes/components/[slug]/+page.js:2:30
Error: Binding element 'params' implicitly has an 'any' type. 
// src/routes/components/[slug]/+page.js
export async function load({ params }){
  const post = await import(`../${params.slug}.md`)

/Users/shinichiokada/Svelte/FLOWBITE-SVELTE/flowbite-svelte-local-development/src/routes/extend/[slug]/+page.js:2:30
Error: Binding element 'params' implicitly has an 'any' type. 
// src/routes/components/[slug]/+page.js
export async function load({ params }){
  const post = await import(`../${params.slug}.md`)

/Users/shinichiokada/Svelte/FLOWBITE-SVELTE/flowbite-svelte-local-development/src/routes/forms/[slug]/+page.js:2:30
Error: Binding element 'params' implicitly has an 'any' type. 
// src/routes/components/[slug]/+page.js
export async function load({ params }){
  const post = await import(`../${params.slug}.md`)

/Users/shinichiokada/Svelte/FLOWBITE-SVELTE/flowbite-svelte-local-development/src/routes/pages/[slug]/+page.js:2:31
Error: Binding element 'params' implicitly has an 'any' type. 
// src/routes/components/[slug]/+page.js
export async function load ({ params }) {
  const post = await import(`../${params.slug}.md`)

/Users/shinichiokada/Svelte/FLOWBITE-SVELTE/flowbite-svelte-local-development/src/routes/typography/[slug]/+page.js:2:30
Error: Binding element 'params' implicitly has an 'any' type. 
// src/routes/components/[slug]/+page.js
export async function load({ params }){
  const post = await import(`../${params.slug}.md`)

/Users/shinichiokada/Svelte/FLOWBITE-SVELTE/flowbite-svelte-local-development/src/routes/utilities/[slug]/+page.js:2:30
Error: Binding element 'params' implicitly has an 'any' type. 
// src/routes/components/[slug]/+page.js
export async function load({ params }){
  const post = await import(`../${params.slug}.md`)

/Users/shinichiokada/Svelte/FLOWBITE-SVELTE/flowbite-svelte-local-development/vite.config.ts:6:7
Hint: JSDoc types may be moved to TypeScript types. 
/** @type {import('vite').UserConfig} */
const config = {
        plugins: [sveltekit(), examples],

/Users/shinichiokada/Svelte/FLOWBITE-SVELTE/flowbite-svelte-local-development/src/hooks.server.js:1:32
Error: Binding element 'event' implicitly has an 'any' type. 
export const handle = async ({ event, resolve }) => {
  // vite function to get all md files from components dir

/Users/shinichiokada/Svelte/FLOWBITE-SVELTE/flowbite-svelte-local-development/src/hooks.server.js:1:39
Error: Binding element 'resolve' implicitly has an 'any' type. 
export const handle = async ({ event, resolve }) => {
  // vite function to get all md files from components dir

/Users/shinichiokada/Svelte/FLOWBITE-SVELTE/flowbite-svelte-local-development/src/lib/utils/createEventDispatcher.js:14:10
Error: Parameter 'type' implicitly has an 'any' type. 
        const component = get_current_component();
        return (type, target, detail) => {
                const callbacks = component.$$.callbacks[type];

/Users/shinichiokada/Svelte/FLOWBITE-SVELTE/flowbite-svelte-local-development/src/lib/utils/createEventDispatcher.js:14:16
Error: Parameter 'target' implicitly has an 'any' type. 
        const component = get_current_component();
        return (type, target, detail) => {
                const callbacks = component.$$.callbacks[type];

/Users/shinichiokada/Svelte/FLOWBITE-SVELTE/flowbite-svelte-local-development/src/lib/utils/createEventDispatcher.js:14:24
Error: Parameter 'detail' implicitly has an 'any' type. 
        const component = get_current_component();
        return (type, target, detail) => {
                const callbacks = component.$$.callbacks[type];

/Users/shinichiokada/Svelte/FLOWBITE-SVELTE/flowbite-svelte-local-development/src/lib/utils/createEventDispatcher.js:19:31
Error: Parameter 'fn' implicitly has an 'any' type. 
                        target.dispatchEvent(event);
                        callbacks.slice().forEach((fn) => {
                                fn.call(component, event);

/Users/shinichiokada/Svelte/FLOWBITE-SVELTE/flowbite-svelte-local-development/src/lib/utils/focusTrap.js:13:35
Error: Parameter 'node' implicitly has an 'any' type. 

export default function focusTrap(node) {
  const tabbable = Array.from(node.querySelectorAll(selectorTabbable));

/Users/shinichiokada/Svelte/FLOWBITE-SVELTE/flowbite-svelte-local-development/src/lib/utils/focusTrap.js:16:28
Error: Parameter 'e' implicitly has an 'any' type. 

  function handleFocusTrap(e) {
    let isTabPressed = e.key === 'Tab' || e.keyCode === 9;

/Users/shinichiokada/Svelte/FLOWBITE-SVELTE/flowbite-svelte-local-development/src/routes/utils/index.ts:26:15
Error: Property 'metadata' does not exist on type 'unknown'. 
    iterableComponentFiles.map(async ([path, resolver]) => {
      const { metadata } = await resolver()
      const filePath = path.slice(22, -3)

/Users/shinichiokada/Svelte/FLOWBITE-SVELTE/flowbite-svelte-local-development/src/routes/utils/index.ts:37:15
Error: Property 'metadata' does not exist on type 'unknown'. 
    iterableFormFiles.map(async ([path, resolver]) => {
      const { metadata } = await resolver()
      const filePath = path.slice(17, -3)

/Users/shinichiokada/Svelte/FLOWBITE-SVELTE/flowbite-svelte-local-development/src/routes/utils/index.ts:48:15
Error: Property 'metadata' does not exist on type 'unknown'. 
    iterableTypographyFiles.map(async ([path, resolver]) => {
      const { metadata } = await resolver()
      const filePath = path.slice(22, -3)

/Users/shinichiokada/Svelte/FLOWBITE-SVELTE/flowbite-svelte-local-development/src/routes/utils/index.ts:59:15
Error: Property 'metadata' does not exist on type 'unknown'. 
    iterableUtilFiles.map(async ([path, resolver]) => {
      const { metadata } = await resolver()
      const filePath = path.slice(21, -3)

/Users/shinichiokada/Svelte/FLOWBITE-SVELTE/flowbite-svelte-local-development/src/routes/utils/index.ts:70:15
Error: Property 'metadata' does not exist on type 'unknown'. 
    iterablePageFiles.map(async ([path, resolver]) => {
      const { metadata } = await resolver()
      const filePath = path.slice(17, -3)

/Users/shinichiokada/Svelte/FLOWBITE-SVELTE/flowbite-svelte-local-development/src/routes/utils/index.ts:81:15
Error: Property 'metadata' does not exist on type 'unknown'. 
    iterableExtendFiles.map(async ([path, resolver]) => {
      const { metadata } = await resolver()
      const filePath = path.slice(18, -3)

/Users/shinichiokada/Svelte/FLOWBITE-SVELTE/flowbite-svelte-local-development/src/lib/accordions/AccordionItem.svelte:51:25
Hint: 'e' is declared but its value is never read. (ts)

  const handleToggle = (e: Event) => selected.set(open ? {} : self);

/Users/shinichiokada/Svelte/FLOWBITE-SVELTE/flowbite-svelte-local-development/src/lib/utils/CloseButton.svelte:33:3
Error: Element implicitly has an 'any' type because expression of type 'string' can't be used to index type '{ dark: string; gray: string; red: string; yellow: string; green: string; indigo: string; purple: string; pink: string; blue: string; default: string; }'.
  No index signature with a parameter of type 'string' was found on type '{ dark: string; gray: string; red: string; yellow: string; green: string; indigo: string; purple: string; pink: string; blue: string; default: string; }'. (ts)
                sizing[size],
                colors[color],
                color === 'default' &&

/Users/shinichiokada/Svelte/FLOWBITE-SVELTE/flowbite-svelte-local-development/src/lib/avatar/Dot.svelte:26:7
Error: Variable 'dotClass' implicitly has type 'any' in some locations where its type cannot be determined. (ts)

  let dotClass;
  $: dotClass = classNames(

/Users/shinichiokada/Svelte/FLOWBITE-SVELTE/flowbite-svelte-local-development/src/lib/avatar/Dot.svelte:44:18
Error: Variable 'dotClass' implicitly has an 'any' type. (ts)
    <slot />
    <span class={dotClass} />
  </div>

/Users/shinichiokada/Svelte/FLOWBITE-SVELTE/flowbite-svelte-local-development/src/lib/badges/Badge.svelte:50:5
Error: Element implicitly has an 'any' type because expression of type 'Colors' can't be used to index type '{ blue: string; dark: string; red: string; green: string; yellow: string; indigo: string; purple: string; pink: string; "!blue": string; "!dark": string; "!red": string; "!green": string; "!yellow": string; "!indigo": string; "!purple": string; "!pink": string; }'.
  Property 'gray' does not exist on type '{ blue: string; dark: string; red: string; green: string; yellow: string; indigo: string; purple: string; pink: string; "!blue": string; "!dark": string; "!red": string; "!green": string; "!yellow": string; "!indigo": string; "!purple": string; "!pink": string; }'. (ts)
    large ? 'text-sm font-medium' : 'text-xs font-semibold',
    colors[color],
    href && (hovers[color] ?? hovers.blue),

/Users/shinichiokada/Svelte/FLOWBITE-SVELTE/flowbite-svelte-local-development/src/lib/badges/Badge.svelte:51:14
Error: Element implicitly has an 'any' type because expression of type 'Colors' can't be used to index type '{ blue: string; dark: string; red: string; green: string; yellow: string; indigo: string; purple: string; pink: string; }'.
  Property 'gray' does not exist on type '{ blue: string; dark: string; red: string; green: string; yellow: string; indigo: string; purple: string; pink: string; }'. (ts)
    colors[color],
    href && (hovers[color] ?? hovers.blue),
    rounded ? 'rounded-full p-1' : 'rounded px-2.5 py-0.5',

/Users/shinichiokada/Svelte/FLOWBITE-SVELTE/flowbite-svelte-local-development/src/lib/buttons/Button.svelte:139:20
Error: Element implicitly has an 'any' type because expression of type '"blue" | "dark" | "light" | "green" | "red" | "yellow" | "purple" | "cyan" | "teal" | "lime" | "pink" | "alternative" | "primary" | "purpleToBlue" | "cyanToBlue" | "greenToBlue" | "purpleToPink" | "pinkToOrange" | "tealToLime" | "redToYellow"' can't be used to index type '{ blue: string; green: string; cyan: string; teal: string; lime: string; red: string; pink: string; purple: string; purpleToBlue: string; cyanToBlue: string; greenToBlue: string; purpleToPink: string; pinkToOrange: string; tealToLime: string; redToYellow: string; }'.
  Property 'dark' does not exist on type '{ blue: string; green: string; cyan: string; teal: string; lime: string; red: string; pink: string; purple: string; purpleToBlue: string; cyanToBlue: string; greenToBlue: string; purpleToPink: string; pinkToOrange: string; tealToLime: string; redToYellow: string; }'. (ts)
        outline && gradient ? 'p-0.5' : 'inline-flex items-center justify-center ' + sizeClasses[size],
        gradient ? gradientClasses[color] : outline ? outlineClasses[color] : colorClasses[color],
        color === 'alternative' &&

/Users/shinichiokada/Svelte/FLOWBITE-SVELTE/flowbite-svelte-local-development/src/lib/buttons/Button.svelte:139:55
Error: Element implicitly has an 'any' type because expression of type '"blue" | "dark" | "light" | "green" | "red" | "yellow" | "purple" | "cyan" | "teal" | "lime" | "pink" | "alternative" | "primary" | "purpleToBlue" | "cyanToBlue" | "greenToBlue" | "purpleToPink" | "pinkToOrange" | "tealToLime" | "redToYellow"' can't be used to index type '{ blue: string; light: string; dark: string; green: string; red: string; yellow: string; purple: string; }'.
  Property 'cyan' does not exist on type '{ blue: string; light: string; dark: string; green: string; red: string; yellow: string; purple: string; }'. (ts)
        outline && gradient ? 'p-0.5' : 'inline-flex items-center justify-center ' + sizeClasses[size],
        gradient ? gradientClasses[color] : outline ? outlineClasses[color] : colorClasses[color],
        color === 'alternative' &&

/Users/shinichiokada/Svelte/FLOWBITE-SVELTE/flowbite-svelte-local-development/src/lib/buttons/Button.svelte:139:79
Error: Element implicitly has an 'any' type because expression of type '"blue" | "dark" | "light" | "green" | "red" | "yellow" | "purple" | "cyan" | "teal" | "lime" | "pink" | "alternative" | "primary" | "purpleToBlue" | "cyanToBlue" | "greenToBlue" | "purpleToPink" | "pinkToOrange" | "tealToLime" | "redToYellow"' can't be used to index type '{ blue: string; dark: string; alternative: string; light: string; green: string; red: string; yellow: string; primary: string; purple: string; }'.
  Property 'cyan' does not exist on type '{ blue: string; dark: string; alternative: string; light: string; green: string; red: string; yellow: string; primary: string; purple: string; }'. (ts)
        outline && gradient ? 'p-0.5' : 'inline-flex items-center justify-center ' + sizeClasses[size],
        gradient ? gradientClasses[color] : outline ? outlineClasses[color] : colorClasses[color],
        color === 'alternative' &&

/Users/shinichiokada/Svelte/FLOWBITE-SVELTE/flowbite-svelte-local-development/src/lib/carousels/Carousel.svelte:64:27
Hint: 'imgurl' is declared but its value is never read. (ts)
                <div class={indicatorDivClass}>
                        {#each images as { id, imgurl, name, attribution }}
                                <Indicator

/Users/shinichiokada/Svelte/FLOWBITE-SVELTE/flowbite-svelte-local-development/src/lib/carousels/Carousel.svelte:64:41
Hint: 'attribution' is declared but its value is never read. (ts)
                <div class={indicatorDivClass}>
                        {#each images as { id, imgurl, name, attribution }}
                                <Indicator

/Users/shinichiokada/Svelte/FLOWBITE-SVELTE/flowbite-svelte-local-development/src/lib/carousels/Carousel.svelte:47:21
Error: Parameter 'number' implicitly has an 'any' type. (ts)

        const goToSlide = (number) => (imageShowingIndex = number);
        let thumbWidth = 100 / images.length;

/Users/shinichiokada/Svelte/FLOWBITE-SVELTE/flowbite-svelte-local-development/src/lib/carousels/CarouselTransition.svelte:88:30
Hint: 'imgurl' is declared but its value is never read. (ts)
    <div class={indicatorDivClass}>
      {#each images as { id, imgurl, name, attribution }}
        <Indicator

/Users/shinichiokada/Svelte/FLOWBITE-SVELTE/flowbite-svelte-local-development/src/lib/carousels/CarouselTransition.svelte:88:44
Hint: 'attribution' is declared but its value is never read. (ts)
    <div class={indicatorDivClass}>
      {#each images as { id, imgurl, name, attribution }}
        <Indicator

/Users/shinichiokada/Svelte/FLOWBITE-SVELTE/flowbite-svelte-local-development/src/lib/datepicker/Datepicker.svelte:15:21
Error: Parameter 'node' implicitly has an 'any' type. (ts)

        $: setAttribute = (node, params) => {
                node.setAttribute(params, '');

/Users/shinichiokada/Svelte/FLOWBITE-SVELTE/flowbite-svelte-local-development/src/lib/datepicker/Datepicker.svelte:15:27
Error: Parameter 'params' implicitly has an 'any' type. (ts)

        $: setAttribute = (node, params) => {
                node.setAttribute(params, '');

/Users/shinichiokada/Svelte/FLOWBITE-SVELTE/flowbite-svelte-local-development/src/lib/datepicker/Datepicker.svelte:49:5
Error: Type '{ type: string; class: string; placeholder: string; datepicker: true; "datepicker-buttons": true; "datepicker-format": string; "datepicker-orientation": string; "datepicker-title": string; }' is not assignable to type 'SvelteInputProps'.
  Property 'datepicker' does not exist on type 'SvelteInputProps'. (ts)
                                {...$$restProps}
                                datepicker
                                datepicker-buttons

/Users/shinichiokada/Svelte/FLOWBITE-SVELTE/flowbite-svelte-local-development/src/lib/datepicker/Datepicker.svelte:62:5
Error: Type '{ type: string; class: string; placeholder: string; datepicker: true; "datepicker-format": string; "datepicker-orientation": string; "datepicker-title": string; }' is not assignable to type 'SvelteInputProps'.
  Property 'datepicker' does not exist on type 'SvelteInputProps'. (ts)
                                {...$$restProps}
                                datepicker
                                datepicker-format={datepickerFormat}

/Users/shinichiokada/Svelte/FLOWBITE-SVELTE/flowbite-svelte-local-development/src/lib/footer/FooterLink.svelte:2:3
Hint: 'A' is declared but its value is never read. (ts)
<script lang="ts">
  import A from '$lib/typography/A.svelte';
  import classNames from 'classnames';

/Users/shinichiokada/Svelte/FLOWBITE-SVELTE/flowbite-svelte-local-development/src/lib/forms/Select.svelte:24:7
Error: Variable 'selectClass' implicitly has type 'any' in some locations where its type cannot be determined. (ts)

  let selectClass;
  $: selectClass = classNames(

/Users/shinichiokada/Svelte/FLOWBITE-SVELTE/flowbite-svelte-local-development/src/lib/forms/Select.svelte:34:44
Error: Variable 'selectClass' implicitly has an 'any' type. (ts)

<select {...$$restProps} bind:value class={selectClass} on:change on:input>
  <option disabled selected value="">{placeholder}</option>

/Users/shinichiokada/Svelte/FLOWBITE-SVELTE/flowbite-svelte-local-development/src/lib/forms/Toggle.svelte:37:5
Error: Element implicitly has an 'any' type because expression of type 'any' can't be used to index type '{ red: string; green: string; purple: string; yellow: string; teal: string; orange: string; blue: string; }'. (ts)
    background ? 'dark:bg-gray-600 dark:border-gray-500' : 'dark:bg-gray-700 dark:border-gray-600',
    colors[$$restProps.color ?? 'blue'],
    sizes[size],

/Users/shinichiokada/Svelte/FLOWBITE-SVELTE/flowbite-svelte-local-development/src/lib/toolbar/ToolbarButton.svelte:35:5
Error: Element implicitly has an 'any' type because expression of type 'string' can't be used to index type '{ default: string; gray: string; red: string; yellow: string; green: string; indigo: string; purple: string; pink: string; blue: string; }'.
  No index signature with a parameter of type 'string' was found on type '{ default: string; gray: string; red: string; yellow: string; green: string; indigo: string; purple: string; pink: string; blue: string; }'. (ts)
    sizing[size],
    colors[color],
    color === 'default' &&

/Users/shinichiokada/Svelte/FLOWBITE-SVELTE/flowbite-svelte-local-development/src/lib/navbar/NavLi.svelte:11:6
Error: Variable 'liClass' implicitly has type 'any' in some locations where its type cannot be determined. (ts)

        let liClass;
        $: liClass = classNames(

/Users/shinichiokada/Svelte/FLOWBITE-SVELTE/flowbite-svelte-local-development/src/lib/navbar/NavLi.svelte:34:10
Error: Variable 'liClass' implicitly has an 'any' type. (ts)
                on:mouseover
                class={liClass}>
                <slot />

/Users/shinichiokada/Svelte/FLOWBITE-SVELTE/flowbite-svelte-local-development/src/lib/progressbars/Progressbar.svelte:33:46
Error: Element implicitly has an 'any' type because expression of type 'Colors' can't be used to index type '{ blue: string; gray: string; red: string; green: string; yellow: string; purple: string; indigo: string; }'.
  Property 'pink' does not exist on type '{ blue: string; gray: string; red: string; green: string; yellow: string; purple: string; indigo: string; }'. (ts)
  {#if labelInside}
    <div class={classNames(labelInsideClass, barColors[color])} style="width: {progress}%">
      {progress}%

/Users/shinichiokada/Svelte/FLOWBITE-SVELTE/flowbite-svelte-local-development/src/lib/progressbars/Progressbar.svelte:37:28
Error: Element implicitly has an 'any' type because expression of type 'Colors' can't be used to index type '{ blue: string; gray: string; red: string; green: string; yellow: string; purple: string; indigo: string; }'.
  Property 'pink' does not exist on type '{ blue: string; gray: string; red: string; green: string; yellow: string; purple: string; indigo: string; }'. (ts)
  {:else}
    <div class={classNames(barColors[color], size, 'rounded-full')} style="width: {progress}%" />
  {/if}

/Users/shinichiokada/Svelte/FLOWBITE-SVELTE/flowbite-svelte-local-development/src/lib/ratings/Rating.svelte:23:39
Hint: 'star' is declared but its value is never read. (ts)
  {:else}
    {#each Array(roundedRating) as _, star}
      <slot name="ratingUp">

/Users/shinichiokada/Svelte/FLOWBITE-SVELTE/flowbite-svelte-local-development/src/lib/ratings/Rating.svelte:28:35
Hint: 'star' is declared but its value is never read. (ts)
    {/each}
    {#each Array(grayStars) as _, star}
      <slot name="ratingDown">

/Users/shinichiokada/Svelte/FLOWBITE-SVELTE/flowbite-svelte-local-development/src/lib/ratings/RatingComment.svelte:41:37
Hint: 'star' is declared but its value is never read. (ts)
        <div class="flex items-center mb-1">
                {#each Array(roundedRating) as _, star}
                        <slot name="ratingUp">

/Users/shinichiokada/Svelte/FLOWBITE-SVELTE/flowbite-svelte-local-development/src/lib/ratings/RatingComment.svelte:46:33
Hint: 'star' is declared but its value is never read. (ts)
                {/each}
                {#each Array(grayStars) as _, star}
                        <slot name="ratingDown">

/Users/shinichiokada/Svelte/FLOWBITE-SVELTE/flowbite-svelte-local-development/src/lib/spinners/Spinner.svelte:30:30
Error: Element implicitly has an 'any' type because expression of type 'Colors' can't be used to index type '{ blue: string; gray: string; green: string; red: string; yellow: string; pink: string; purple: string; white: string; }'.
  Property 'indigo' does not exist on type '{ blue: string; gray: string; green: string; red: string; yellow: string; pink: string; purple: string; white: string; }'. (ts)
        let fillColorClass: string =
                color === undefined ? '' : fillColorClasses[color] ?? fillColorClasses.blue;
</script>

/Users/shinichiokada/Svelte/FLOWBITE-SVELTE/flowbite-svelte-local-development/src/lib/timelines/TimelineItem.svelte:47:12
Error: Element implicitly has an 'any' type because expression of type '"custom" | "default" | "group" | "vertical" | "horizontal" | "activity"' can't be used to index type '{ default: string; vertical: string; horizontal: string; activity: string; group: string; }'.
  Property 'custom' does not exist on type '{ default: string; vertical: string; horizontal: string; activity: string; group: string; }'. (ts)

<li class={liClasses[order]}>
        {#if order === 'default'}

/Users/shinichiokada/Svelte/FLOWBITE-SVELTE/flowbite-svelte-local-development/src/lib/toolbar/Toolbar.svelte:42:17
Error: Element implicitly has an 'any' type because expression of type 'string' can't be used to index type '{ gray: string; red: string; yellow: string; green: string; indigo: string; purple: string; pink: string; blue: string; dark: string; }'.
  No index signature with a parameter of type 'string' was found on type '{ gray: string; red: string; yellow: string; green: string; indigo: string; purple: string; pink: string; blue: string; dark: string; }'. (ts)
    embedded || 'rounded-lg border border-gray-200 dark:border-gray-600 py-2 px-3',
    embedded || textColors[color],
    embedded || bgColors[color],

/Users/shinichiokada/Svelte/FLOWBITE-SVELTE/flowbite-svelte-local-development/src/lib/toolbar/Toolbar.svelte:43:17
Error: Element implicitly has an 'any' type because expression of type 'string' can't be used to index type '{ gray: string; red: string; yellow: string; green: string; indigo: string; purple: string; pink: string; blue: string; dark: string; }'.
  No index signature with a parameter of type 'string' was found on type '{ gray: string; red: string; yellow: string; green: string; indigo: string; purple: string; pink: string; blue: string; dark: string; }'. (ts)
    embedded || textColors[color],
    embedded || bgColors[color],
    $$props.class

/Users/shinichiokada/Svelte/FLOWBITE-SVELTE/flowbite-svelte-local-development/src/lib/toolbar/Toolbar.svelte:64:5
Error: Element implicitly has an 'any' type because expression of type 'string' can't be used to index type '{ gray: string; red: string; yellow: string; green: string; indigo: string; purple: string; pink: string; blue: string; dark: string; }'.
  No index signature with a parameter of type 'string' was found on type '{ gray: string; red: string; yellow: string; green: string; indigo: string; purple: string; pink: string; blue: string; dark: string; }'. (ts)
    //  dark:divide-gray-600'
    divideColors[color]
  );

/Users/shinichiokada/Svelte/FLOWBITE-SVELTE/flowbite-svelte-local-development/src/lib/utils/backdrop.ts:17:22
Error: Parameter 'node' implicitly has an 'any' type. 

export const init = (node, _open) => {
  getPlacementClasses().map((c) => node.classList.add(c));

/Users/shinichiokada/Svelte/FLOWBITE-SVELTE/flowbite-svelte-local-development/src/lib/utils/backdrop.ts:17:28
Error: Parameter '_open' implicitly has an 'any' type. 

export const init = (node, _open) => {
  getPlacementClasses().map((c) => node.classList.add(c));

/Users/shinichiokada/Svelte/FLOWBITE-SVELTE/flowbite-svelte-local-development/src/lib/utils/backdrop.ts:23:12
Error: Parameter '_open' implicitly has an 'any' type. 
  return {
    update(_open) {
      allPlacementClasses.map((c) => node.classList.remove(c));

/Users/shinichiokada/Svelte/FLOWBITE-SVELTE/flowbite-svelte-local-development/src/lib/utils/backdrop.ts:67:25
Error: Parameter 'node' implicitly has an 'any' type. 

const createBackdrop = (node) => {
  if (!backdropEl) {

/Users/shinichiokada/Svelte/FLOWBITE-SVELTE/flowbite-svelte-local-development/src/lib/utils/backdrop.ts:73:5
Error: 'body' is possibly 'null'. 
    const body = document.querySelector('body');
    body.append(backdropEl);
    body.style.overflow = 'hidden';

/Users/shinichiokada/Svelte/FLOWBITE-SVELTE/flowbite-svelte-local-development/src/lib/utils/backdrop.ts:74:5
Error: 'body' is possibly 'null'. 
    body.append(backdropEl);
    body.style.overflow = 'hidden';

/Users/shinichiokada/Svelte/FLOWBITE-SVELTE/flowbite-svelte-local-development/src/lib/utils/backdrop.ts:82:26
Error: Parameter 'node' implicitly has an 'any' type. 

const destroyBackdrop = (node) => {
  const body = document.querySelector('body');

/Users/shinichiokada/Svelte/FLOWBITE-SVELTE/flowbite-svelte-local-development/src/lib/utils/backdrop.ts:84:3
Error: 'body' is possibly 'null'. 
  const body = document.querySelector('body');
  body.style.overflow = 'auto';

/Users/shinichiokada/Svelte/FLOWBITE-SVELTE/flowbite-svelte-local-development/src/lib/utils/backdrop.ts:87:3
Error: Type 'undefined' is not assignable to type 'HTMLElement'. 
  if (backdropEl) backdropEl.remove();
  backdropEl = undefined;

/Users/shinichiokada/Svelte/FLOWBITE-SVELTE/flowbite-svelte-local-development/src/lib/utils/backdrop.ts:96:23
Error: Parameter 'e' implicitly has an 'any' type. 

const handleEscape = (e) => {
  if (open && e.key === 'Escape') open = false;

/Users/shinichiokada/Svelte/FLOWBITE-SVELTE/flowbite-svelte-local-development/src/lib/tabs/TabHeadItem.svelte:17:18
Error: Property 'style' does not exist on type 'TabCtxType'. (ts)
  const ctx = getContext<TabCtxType>('ctx') ?? {};
  tabStyle = ctx.style;

/Users/shinichiokada/Svelte/FLOWBITE-SVELTE/flowbite-svelte-local-development/src/routes/+error.svelte:5:6
Error: '$page.error' is possibly 'null'. (js)

<h1>{$page.error.message}</h1>

/Users/shinichiokada/Svelte/FLOWBITE-SVELTE/flowbite-svelte-local-development/src/routes/+page.svelte:92:20
Error: Type 'string' is not assignable to type 'never'. (js)
  <Block.FooterBlock />
  <Block.FormBlock rel="external" />
  <Block.HeadingBlock />

====================================
svelte-check found 60 errors, 0 warnings, and 11 hints