Vetur change formatting 2 spaces to 4 spaces in Visual Studio Core
Developing in VueJS 3 CLI and added the Vetur extension for support. Found several references to change the indent settings in the Vetur config file but have no clue where the location of this file might be on my machine.
Solution
Turns out that if you open Extensions in Visual Studio Core, find the Vetur listing, in the lower right corner of the reference there is a sprocket icon for Settings (see screen shot below). Click on this icon and that will open a dropdown dialog with the Extension Setting option, then click to open the Settings file (@ext:octref.vetur) in VS Core tab that lists all of the formatters and the configuration option for changing Indent from 2 spaces.
- How to use any icons with Nuxt or Vue?
- No Overload Matches this call with Vue 3 ref<T>
- How to use Vue router inside of Laravel?
- Why I got error on using VueAwesomePaginate in vue page?
- Missing component in Vue does not show type error
- Pinia state initialized with async function but only after component is mounted
- Why is the content empty when mounting contentShow.value[index]? (a vue project)
- How To Use Refs As Props in Nuxt 3
- How To Style Password Show/Hide Button In Login Page
- In WebStorm, when I click pinia state data, can not linked to use place
- How to override the value of a CSS variable for an element?
- Vue3 reactivity of an "external" array
- Message is added but isn't displayed
- Cannot find module 'pinia' or its corresponding type declarations
- Vuetify server data table pagination not working correctly
- Redirecting users after an action
- Nuxt 3 dynamic page change the Url but it doesn't change the content and fetch data only once
- How would I capture dinamically events from child
- Vuejs 3 - Calls to backend inserting part of route when multiple subdirectories are in URL
- How to remove mysterious white area in a vue app?
- How to open modal located in child component from parent when button clicked?
- Failed to resolve component: router-link warning
- How to use a store initial value in a template Vue 3
- How do I get rid of duplicate header renaming with papaparse?
- How to set compilerOptions.isCustomElement for VueJS 3 in Laravel project
- How to signal a view when pinia store is fully loaded?
- How to access $children for creating Tabs component?
- Why is a route not reactive?
- Internationalization for vue 3 vite with i18n
- Changing a parameter in Vue 3 router