question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

[feature request] add autocompletion for props in <template> for imported components

See original GitHub issue
  • I have searched through existing issues
  • I have read through docs
  • I have read FAQ

Would be nice to have autocompletion feature for props for imported components and add required props by default

some-component.vue

export default {
  props: {
    red: {
      type: Boolean,
      required: true,
    }
  },
}

another-component.vue

<some-component />

here would be nice to have suggestion about possible props, or even better - add required props by default

Issue Analytics

  • State:closed
  • Created 3 years ago
  • Comments:6 (3 by maintainers)

github_iconTop GitHub Comments

1reaction
octrefcommented, Jun 15, 2020

If that’s your cause you should follow https://github.com/vuejs/vetur/issues/1288. For the other one see #1571. @ktsn Is it that you looked into this and with Vue 2 typing it’s impossible?

0reactions
doraericcommented, Dec 26, 2020

I need some help, I want to get the autocomplete like the picture above, but I can only see :red like this. What should I do to get red? I am using nuxt with typescript

// TestComponent.vue
<template>
  <div></div>
</template>

<script lang="ts">
import Vue from 'vue'
export default Vue.extend({
  props: {
    red: Boolean,
  },
})
</script>

crop

Read more comments on GitHub >

github_iconTop Results From Across the Web

Nuxt / Vue 2 + Typescript – VS Code props Autocomplete
The props autocompletion is an intellisense feature, after some research I manage to find a solution for it on VS Code.
Read more >
Using Autocomplete with React - Algolia
This guide shows how to create a React Autocomplete component. It uses the useRef and useEffect hooks to create and mount the component....
Read more >
How to Use The Autocomplete Component in Material-UI
import React from 'react'; import TextField from '@material-ui/core/TextField'; import Autocomplete from '@material-ui/lab/Autocomplete'; import ...
Read more >
A Guide on Material UI AutoComplete in React - Refine Dev
This article will dive deep into the Material UI Autocomplete component, highlight its accompanied features and explore a potential use case ...
Read more >
How to Add AutoComplete Input to Your Vue.js App
render-suggestion prop displays the selection in a way you prefer by passing in a function to the prop. The component-attr-class-autosuggest- ...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found