Git Product home page Git Product logo

Comments (8)

fenilli avatar fenilli commented on June 24, 2024

Can you update the reproduction, you need to click the share button on the top right.

from formkit.

bekjon-me avatar bekjon-me commented on June 24, 2024

Can you update the reproduction, you need to click the share button on the top right.

updated

from formkit.

justin-schroeder avatar justin-schroeder commented on June 24, 2024

@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.

bekjon-me avatar bekjon-me commented on June 24, 2024

image

the same for vscode too.
image
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.

fenilli avatar fenilli commented on June 24, 2024

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.

bekjon-me avatar bekjon-me commented on June 24, 2024

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.

image
this extension is installed, I think volar is deprecated

from formkit.

fenilli avatar fenilli commented on June 24, 2024

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.

sashamilenkovic avatar sashamilenkovic commented on June 24, 2024

@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)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo 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.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.