Comments (8)
Can you update the reproduction, you need to click the share button on the top right.
from formkit.
Can you update the reproduction, you need to click the share button on the top right.
updated
from formkit.
@bekjon-me I just tried this and it works fine in VSCode. it looks like you are using WebStorm — we don’t currently have a license to that (just applied for an open source one). Do you know if it is using the latest versions of Vue Language Tools
from formkit.
the same for vscode too.
as you can see as long as I change the attribute to values there isn't any error
here is my package.json
{
"type": "module",
"private": true,
"packageManager": "[email protected]",
"scripts": {
"build": "vite-ssg build",
"dev": "vite --port 3333 --open",
"lint": "eslint .",
"preview": "vite preview",
"preview-https": "serve dist",
"test": "vitest",
"test:e2e": "cypress open",
"test:unit": "vitest",
"typecheck": "vue-tsc --noEmit",
"up": "taze major -I",
"postinstall": "npx simple-git-hooks",
"sizecheck": "npx vite-bundle-visualizer",
"storybook": "storybook dev -p 6006",
"build-storybook": "storybook build"
},
"dependencies": {
"@unhead/vue": "^1.8.20",
"@vueuse/core": "^10.9.0",
"@vueuse/head": "^2.0.0",
"nprogress": "^0.2.0",
"pinia": "^2.1.7",
"vue": "^3.4.21",
"vue-demi": "^0.14.7",
"vue-i18n": "^9.10.2",
"vue-router": "^4.3.0"
},
"devDependencies": {
"@antfu/eslint-config": "^2.8.3",
"@chromatic-com/storybook": "^1.2.25",
"@egoist/tailwindcss-icons": "^1.7.4",
"@faker-js/faker": "^8.4.1",
"@formkit/icons": "^1.6.0",
"@formkit/vue": "^1.6.0",
"@headlessui/vue": "^1.7.19",
"@heroicons/vue": "^2.1.3",
"@iconify-json/carbon": "^1.1.31",
"@intlify/unplugin-vue-i18n": "^3.0.1",
"@shikijs/markdown-it": "^1.2.0",
"@storybook/addon-actions": "^8.0.4",
"@storybook/addon-essentials": "^8.0.4",
"@storybook/addon-interactions": "^8.0.4",
"@storybook/addon-links": "^8.0.4",
"@storybook/blocks": "^8.0.4",
"@storybook/test": "^8.0.4",
"@storybook/vue3": "^8.0.4",
"@storybook/vue3-vite": "^8.0.4",
"@types/markdown-it-link-attributes": "^3.0.4",
"@types/nprogress": "^0.2.3",
"@vitejs/plugin-vue": "^5.0.4",
"@vue-macros/volar": "^0.18.12",
"@vue/test-utils": "^2.4.5",
"@vueuse/router": "^10.9.0",
"autoprefixer": "^10.4.18",
"axios": "^1.6.8",
"critters": "^0.0.22",
"cross-env": "^7.0.3",
"cypress": "^13.7.0",
"cypress-vite": "^1.5.0",
"eslint": "^8.57.0",
"eslint-plugin-cypress": "^2.15.1",
"eslint-plugin-format": "^0.1.0",
"eslint-plugin-storybook": "^0.8.0",
"gsap": "^3.12.5",
"https-localhost": "^4.7.1",
"lint-staged": "^15.2.2",
"markdown-it-link-attributes": "^4.0.1",
"pnpm": "^8.15.5",
"postcss": "^8.4.37",
"rollup": "^4.13.0",
"shiki": "^1.2.0",
"simple-abortable-promise": "^1.1.1",
"simple-git-hooks": "^2.11.0",
"storybook": "^8.0.4",
"storybook-dark-mode": "^4.0.1",
"tailwindcss": "^3.4.1",
"taze": "^0.13.3",
"typescript": "^5.4.2",
"unplugin-auto-import": "^0.17.5",
"unplugin-vue-components": "^0.26.0",
"unplugin-vue-macros": "^2.7.11",
"unplugin-vue-markdown": "^0.26.0",
"unplugin-vue-router": "^0.8.5",
"vite": "^5.2.0",
"vite-bundle-visualizer": "^1.1.0",
"vite-plugin-inspect": "^0.8.3",
"vite-plugin-pwa": "^0.19.5",
"vite-plugin-vue-devtools": "^7.0.19",
"vite-plugin-vue-layouts": "^0.11.0",
"vite-plugin-webfont-dl": "^3.9.1",
"vite-ssg": "^0.23.6",
"vite-ssg-sitemap": "^0.6.1",
"vitest": "^1.4.0",
"vue-tsc": "^2.0.6"
},
"simple-git-hooks": {
"pre-commit": "pnpm lint-staged"
},
"lint-staged": {
"*": "eslint --fix"
},
"eslintConfig": {
"extends": [
"plugin:storybook/recommended"
]
}
}
@bekjon-me I just tried this and it works fine in VSCode. it looks like you are using WebStorm — we don’t currently have a license to that (just applied for an open source one). Do you know if it is using the latest versions of Vue Language Tools
from formkit.
Firstly there is no such thing as :values
I believe, so it should indeed be :value
, alsso it looks like you don't have volar installed, you should install that.
from formkit.
Firstly there is no such thing as
:values
I believe, so it should indeed be:value
, alsso it looks like you don't have volar installed, you should install that.
this extension is installed, I think volar is deprecated
from formkit.
You're correct that the "volar" in itself is deprecated, but it is still the codename for the official vue package vue.volar
.
also the version seens outdatted, as I have currently 2.0.10 can you try updating it?
from formkit.
@bekjon-me Closing this for now but feel free to reopen or comment back if you're still having issues.
from formkit.
Related Issues (20)
- Taglist field not deleting items on click / backspace HOT 12
- Listbox and deletion issues with autocomplete, dropdown, and taglist at FormKit Pro v0.125.0 HOT 2
- Prefix Icon not aligned in Datepicker HOT 2
- Multi-input validation fails to update when there are multiple rules
- Missing loading-state when using `multiple` and `optionLoader` on Autocomplete
- DatePicker selects disabled date by default HOT 6
- Not able To pass Validation condition On input Field HOT 1
- When a dropdown field that's rendered before fetching the option is pre-filled, it displays the value instead of the label HOT 3
- Hovering dates in datepicker is very slow HOT 4
- Setting initial multi step activeStep does not work HOT 1
- LocalStorage plugin does not preserve uploaded files HOT 1
- Transferlist has accessibility issues. Can be seen by using dev tools lighthouse HOT 5
- Unable to use slots in custom components HOT 2
- Currency field doesn't fire dom-input-event on user's input HOT 1
- Currency input - label slot not recognised by TS HOT 1
- Field IDs beginning with numbers not valid HOT 5
- Validation not working in currency input HOT 1
- Validation stop firing when custom rule used together with another rule (don't know if just in the described context) HOT 4
- Transfer List Input - Search should be implemented on target list HOT 1
- Form inputs marked as invalid after touch when resetting form HOT 3
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from formkit.