Wazbat Comments - Answer Overflow

However I don't have an index.ts pages/auth/signin.vue is a nuxt page server/routes/auth/signin/index.post.ts is a server handler Is this ok and possible?

8 replies

NNuxt

•Created by Wazbat on 4/23/2024 in #❓・help

null values in nuxt ui input

I've opened a github issue for this https://github.com/nuxt/ui/issues/1710

20 replies

NNuxt

•Created by Wazbat on 4/23/2024 in #❓・help

null values in nuxt ui input

https://stackblitz.com/edit/nuxt-ui-eqhn2j?file=package.json @Valentin

20 replies

NNuxt

•Created by Wazbat on 4/23/2024 in #❓・help

null values in nuxt ui input

Ohh even with that I still get the same error with your code

C:\Users\Wazbat\Documents\code\whatever-my-folder-is-called> pnpm add -D vue-tsc@^1 typescript
Packages: +9 -9
+++++++++---------
Progress: resolved 1327, reused 1238, downloaded 0, added 9, done

devDependencies:
- vue-tsc 2.0.14
+ vue-tsc 1.8.27 (2.0.14 is available)

Done in 9s
PS C:\Users\Wazbat\Documents\code\whatever-my-folder-is-called> pnpm run validate:typescript     

> [email protected] validate:typescript C:\Users\Wazbat\Documents\code\whatever-my-folder-is-called
> nuxi typecheck

ℹ Using default Tailwind CSS file                                                                                             nuxt:tailwindcss 21:43:44
Untitled-1.vue:30:5 - error TS2322: Type 'boolean | undefined' is not assignable to type 'string | number | Record<string, any> | unknown[] | undefined'.

30     v-model="value"
       ~~~~~~~

  node_modules/.pnpm/@[email protected][email protected][email protected][email protected][email protected]/node_modules/@nuxt/ui/dist/runtime/components/forms/SelectMenu.vue.d.ts:354:5
    354     modelValue: string | number | unknown[] | Record<string, any>;
            ~~~~~~~~~~
    The expected type comes from property 'modelValue' which is declared here on type 'Partial<{ size: SelectSize; ui: any; id: string; icon: string; color: any; class: any; options: string[] | { [key: string]: any; disabled?: boolean | undefined; }[]; popper: PopperOptions; ... 27 more ...; showCreateOptionWhen: "empty" | "always"; }> & Omit<...> & Record<...>'


Found 1 error in Untitled-1.vue:30


 ERROR  Command failed with exit code 2: vue-tsc --noEmit                                                                                       21:44:01

C:\Users\Wazbat\Documents\code\whatever-my-folder-is-called> pnpm add -D vue-tsc@^1 typescript
Packages: +9 -9
+++++++++---------
Progress: resolved 1327, reused 1238, downloaded 0, added 9, done

devDependencies:
- vue-tsc 2.0.14
+ vue-tsc 1.8.27 (2.0.14 is available)

Done in 9s
PS C:\Users\Wazbat\Documents\code\whatever-my-folder-is-called> pnpm run validate:typescript     

> [email protected] validate:typescript C:\Users\Wazbat\Documents\code\whatever-my-folder-is-called
> nuxi typecheck

ℹ Using default Tailwind CSS file                                                                                             nuxt:tailwindcss 21:43:44
Untitled-1.vue:30:5 - error TS2322: Type 'boolean | undefined' is not assignable to type 'string | number | Record<string, any> | unknown[] | undefined'.

30     v-model="value"
       ~~~~~~~

  node_modules/.pnpm/@[email protected][email protected][email protected][email protected][email protected]/node_modules/@nuxt/ui/dist/runtime/components/forms/SelectMenu.vue.d.ts:354:5
    354     modelValue: string | number | unknown[] | Record<string, any>;
            ~~~~~~~~~~
    The expected type comes from property 'modelValue' which is declared here on type 'Partial<{ size: SelectSize; ui: any; id: string; icon: string; color: any; class: any; options: string[] | { [key: string]: any; disabled?: boolean | undefined; }[]; popper: PopperOptions; ... 27 more ...; showCreateOptionWhen: "empty" | "always"; }> & Omit<...> & Record<...>'


Found 1 error in Untitled-1.vue:30


 ERROR  Command failed with exit code 2: vue-tsc --noEmit                                                                                       21:44:01

20 replies

NNuxt

•Created by Wazbat on 4/23/2024 in #❓・help

null values in nuxt ui input

Ahhh let me test that

20 replies

NNuxt

•Created by Wazbat on 4/23/2024 in #❓・help

null values in nuxt ui input

What version of vue-tsc are you using?

20 replies

NNuxt

•Created by Wazbat on 4/23/2024 in #❓・help

null values in nuxt ui input

Yeah that one doesn't work for me on my local. I get this error

Untitled-1.vue:30:5 - error TS2322: Type 'boolean | undefined' is not assignable to type 'string | number | Record<string, any> | unknown[] | undefined'.

30     v-model="value"
       ~~~~~~~~~~

  node_modules/.pnpm/@[email protected][email protected][email protected][email protected][email protected]/node_modules/@nuxt/ui/dist/runtime/components/forms/SelectMenu.vue.d.ts:354:5
    354     modelValue: string | number | unknown[] | Record<string, any>;
            ~~~~~~~~~~
    The expected type comes from property 'modelValue' which is declared here on type 'Partial<{ size: SelectSize; ui: any; id: string; icon: string; color: any; class: any; options: string[] | { [key: string]: any; disabled?: boolean | undefined; }[]; popper: PopperOptions; ... 27 more ...; showCreateOptionWhen: "empty" | "always"; }> & Omit<...> & Record<...>'


Found 1 error in Untitled-1.vue:30

Untitled-1.vue:30:5 - error TS2322: Type 'boolean | undefined' is not assignable to type 'string | number | Record<string, any> | unknown[] | undefined'.

30     v-model="value"
       ~~~~~~~~~~

  node_modules/.pnpm/@[email protected][email protected][email protected][email protected][email protected]/node_modules/@nuxt/ui/dist/runtime/components/forms/SelectMenu.vue.d.ts:354:5
    354     modelValue: string | number | unknown[] | Record<string, any>;
            ~~~~~~~~~~
    The expected type comes from property 'modelValue' which is declared here on type 'Partial<{ size: SelectSize; ui: any; id: string; icon: string; color: any; class: any; options: string[] | { [key: string]: any; disabled?: boolean | undefined; }[]; popper: PopperOptions; ... 27 more ...; showCreateOptionWhen: "empty" | "always"; }> & Omit<...> & Record<...>'


Found 1 error in Untitled-1.vue:30

20 replies

NNuxt

•Created by Wazbat on 4/23/2024 in #❓・help

null values in nuxt ui input

Here's the same with an input. This one also doesn't compile

<script setup lang="ts">
const value = ref<string | null | undefined>(undefined);
</script>

<template>
  <div>
    <UInput v-model.trim="value" />
  </div>
</template>

<script setup lang="ts">
const value = ref<string | null | undefined>(undefined);
</script>

<template>
  <div>
    <UInput v-model.trim="value" />
  </div>
</template>

20 replies

NNuxt

•Created by Wazbat on 4/23/2024 in #❓・help

null values in nuxt ui input

I was able to fix my inputs by type casting to string|undefined which while not ideal, works. But this here with the select is a blocker as I can't type cast my way out of it ...well I can but it's a mess and I'd rather just fix the problem

20 replies

NNuxt

•Created by Wazbat on 4/23/2024 in #❓・help

null values in nuxt ui input

I'm trying to set up a small proper example with a UInput now

20 replies

NNuxt

•Created by Wazbat on 4/23/2024 in #❓・help

null values in nuxt ui input

I have similar typeerrors with both components

20 replies

NNuxt

•Created by Wazbat on 4/23/2024 in #❓・help

null values in nuxt ui input

I'm going to raise an issue on the github, but I think it might be a problem with vue-tsc

20 replies

Gaming

Programming