Niklas/shadcn-vue
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor: move InjectionKey export from FormItem.vue to .ts file to avoid warnings

Browse Source 
Fixes #176
This commit is contained in:
Ole Marius Løset 2023-11-17 19:48:03 +01:00
parent cbb40522dc
commit 7cc073ecc3
6 changed files with 10 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
apps/www/src/lib/registry/default/ui/form/FormItem.vue
View File

@ -1,10 +1,3 @@
<script lang="ts">
import { type InjectionKey } from 'vue'
export const FORM_ITEM_INJECTION_KEY
= Symbol() as InjectionKey<string>
</script>
<script lang="ts" setup> <script lang="ts" setup>
import { provide, useAttrs } from 'vue' import { provide, useAttrs } from 'vue'
import { useId } from 'radix-vue' import { useId } from 'radix-vue'

4
apps/www/src/lib/registry/default/ui/form/InjectionKey.ts Normal file
View File

@ -0,0 +1,4 @@
import { type InjectionKey } from 'vue'
export const FORM_ITEM_INJECTION_KEY
= Symbol() as InjectionKey<string>

2
apps/www/src/lib/registry/default/ui/form/useFormField.ts
View File

@ -1,6 +1,6 @@
import { FieldContextKey, useFieldError, useIsFieldDirty, useIsFieldTouched, useIsFieldValid } from 'vee-validate' import { FieldContextKey, useFieldError, useIsFieldDirty, useIsFieldTouched, useIsFieldValid } from 'vee-validate'
import { inject } from 'vue' import { inject } from 'vue'
import { FORM_ITEM_INJECTION_KEY } from './FormItem.vue' import { FORM_ITEM_INJECTION_KEY } from './InjectionKey'
export function useFormField() { export function useFormField() {
const fieldContext = inject(FieldContextKey) const fieldContext = inject(FieldContextKey)

7
apps/www/src/lib/registry/new-york/ui/form/FormItem.vue
View File

@ -1,10 +1,3 @@
<script lang="ts">
import { type InjectionKey } from 'vue'
export const FORM_ITEM_INJECTION_KEY
= Symbol() as InjectionKey<string>
</script>
<script lang="ts" setup> <script lang="ts" setup>
import { provide } from 'vue' import { provide } from 'vue'
import { useId } from 'radix-vue' import { useId } from 'radix-vue'

4
apps/www/src/lib/registry/new-york/ui/form/InjectionKey.ts Normal file
View File

@ -0,0 +1,4 @@
import { type InjectionKey } from 'vue'
export const FORM_ITEM_INJECTION_KEY
= Symbol() as InjectionKey<string>

2
apps/www/src/lib/registry/new-york/ui/form/useFormField.ts
View File

@ -1,6 +1,6 @@
import { FieldContextKey, useFieldError, useIsFieldDirty, useIsFieldTouched, useIsFieldValid } from 'vee-validate' import { FieldContextKey, useFieldError, useIsFieldDirty, useIsFieldTouched, useIsFieldValid } from 'vee-validate'
import { inject } from 'vue' import { inject } from 'vue'
import { FORM_ITEM_INJECTION_KEY } from './FormItem.vue' import { FORM_ITEM_INJECTION_KEY } from './InjectionKey'
export function useFormField() { export function useFormField() {
const fieldContext = inject(FieldContextKey) const fieldContext = inject(FieldContextKey)