Socket
Socket
Sign inDemoInstall

vue-component-type-helpers

Package Overview
Dependencies
0
Maintainers
1
Versions
88
Alerts
File Explorer

Advanced tools

Install Socket

Detect and block malicious and high-risk dependencies

Install

    vue-component-type-helpers

Some very simple type helpers used behind `vue-component-meta` for extract component props, slots, emit, exposed types.


Version published
Maintainers
1
Install size
4.62 kB
Created

Changelog

Source

2.0.17 (2024-05-10)

Features

  • language-core: add JSDoc support for component (#2377)
  • language-core: add JSDoc support for script setup binding variables (#3409)
  • language-core: add class component support (#4354)
  • language-service: re-support scoped class links in template (#4357)
  • typescript-plugin: create script setup block when auto import if needed
  • typescript-plugin: add JSDoc support for events in template (#4365)
  • component-meta: add JSDoc tags support for events
  • language-core: support defineOptions (#4362) - Thanks @zhiyuanzmj

Bug Fixes

  • language-core: hover not working for intrinsic element event name
  • language-core: showing false declared but not used errors for functions used in v-on="{}" (#4333)
  • language-core: fix nameless event expression formatting
  • language-core: types imported in the <script setup> should not be used as a variable in template (#4353)
  • language-core: renaming classname within scoped not working (#4355)
  • language-core: <style> completions and html custom data completions not provided in some cases (#4092)
  • language-core: improve code action edits mapping fault tolerance
  • language-core: support defineModel for generic component (#4345) - Thanks @zhiyuanzmj
  • language-service: completion cannot trigger in SFC root
  • component-meta: forceUseTs options not working

Other Changes

  • Upgrade Volar from v2.2.0 to v2.2.2.
    • fix(language-server): pass correct languageId when creating virtual code (https://github.com/volarjs/volar.js/issues/173)
    • fix(typescript): additional completion not working in plugin (#4323)
  • Upgrade Volar services from v0.0.42 to v0.0.44.
    • feat(typescript): code action edits respect editor formatting settings (https://github.com/volarjs/services/issues/30)
    • fix(typescript): not being able to jump to shims module definition
    • fix(typescript): allowTextChangesInNewFiles never true for embedded documents
    • perf(typescript): check command resolve capability only for specific refactors (https://github.com/volarjs/services/issues/94)
  • The following extensions have been added to Hybrid Mode’s compatibility whitelist:
    • mxsdev.typescript-explorer
  • Deprecated vueCompilerOptions.experimentalUseElementAccessInTemplate
  • Specify packageManager (#4358) - Thanks @so1ve
  • docs: emoved possibly redundant duplicate reference (#4348) - Thanks @artshade
  • language-service: temporarily remove references codeLens (#4364)

Readme

Source

vue-component-type-helpers

Some very simple type helpers used behind vue-component-meta for extract component props, slots, emit, exposed types.

Usage

<template>
	<slot name="header" :num="123" />
	<slot name="footer" str="abc" />
</template>

<script lang="ts" setup>
defineProps<{
	msg: string
}>()
</script>
import HelloWorld from './HelloWorld.vue'
import type { ComponentProps, ComponentSlots } from 'vue-component-type-helpers'

type Props = ComponentProps<typeof HelloWorld> // { msg: string }
type Slots = ComponentSlots<typeof HelloWorld> // { header(_: { num: number; }): any; footer(_: { str: string; }): any; }

FAQs

Last updated on 10 May 2024

Did you know?

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc