What is the correct way to format function parameters after an open parenthesis in a JavaScript file using VIM?

When I'm working with a function that has long parameters, for example:

foo_bar(foo,
bar);

The web-indent plugin automatically formats the JS files like:

foo_bar(foo,
<tab>bar;

However, what I actually want is:

foo_bar(foo,
        bar);

I have already checked vim.org but couldn't find an easy solution.

Any suggestions or ideas?

Answer №1

After conducting some tests, it appears that using set cinoptions+=(0 would be the ideal solution for your situation. While this works well in most cases, there may be instances where you need to consider other cinoptions settings.

For further information, refer to :help cinoptions and :help cinoptions-values.

Similar questions

If you have not found the answer to your question or you are interested in this topic, then look at other similar questions below or use the search

The format of the date cannot be modified when using DesktopDatePicker as a React Component

I've been attempting to modify the appearance of the component, but the UI keeps showing the date in month-year format. <DesktopDatePicker inputVariant="outlined" label="Pick-up date" id="date ...

Is there a way for me to prevent a particular file from being cached by web browsers?

Is there a way to prevent Web Browsers from caching a particular file? For example: <img src="myImage.jpg" cache="false"></img> If possible, how can this be achieved? The code <meta http-equiv="cache-control" content="no-cache" /> ins ...

Issue with sliding out in jQuery

Facing a problem with my jQuery animations. Successfully implemented the slide in effect for my flex sidebars, but struggling with the slide out effects. The slide out function is causing the sidebars to vanish instantly. I think I need to incorporate the ...

Disabling the default validation message in HTML form inputs

Is there a way to change the default message that appears when submitting an empty HTML text input? I would like the box border to turn red instead. Can anyone help me achieve this? Below is the code for the text input box: <div class="input-group ...

Tips for utilizing my fiddle for subsequent data entry by incorporating new elements into the environment using three.js

Whenever I input a number for the second, third, etc. time in the textbox, I want to remove old objects and add new ones. Basically, I need to delete existing objects from the scene and then introduce new objects based on the new input. I have tried variou ...

Can we effectively manage the input for a component that is created dynamically in real-time?

Please note: I am a newcomer to ReactJS, JavaScript, and the world of front-end development in general. Hello everyone, I have made the decision to create a versatile component that can handle all the forms within my project based on a predefined templat ...

A Sophisticated Approach to Implementing a Confirm Password Input in React

I have a new project where I need to include a registration form and ensure that the password and confirm password fields match without needing to click the register button. If the password and confirm password do not match, I also want to display an erro ...

Is there a method available to prevent text from being viewed in dev tools or through the click + inspect option?

I have come across a dilemma where I need to conceal certain text from users. Up until now, I have resorted to utilizing <body oncontextmenu="return false;"> along with a JavaScript function provided below: <script> document.onkeydown = fu ...

Guide to correctly selecting <i> tags within a <p> tag using jQuery

I'm attempting to retrieve the text from the i (italic) elements within a paragraph using this code: $('p').each(function(j, element){ if($(element).is("i")){ console.log("The value is: "+$(element).text()); } }); However, ...

Monitoring VueFire for an empty array attribute

Seeking a resolution to my current issue! I am attempting to integrate Vue.Draggable with VueFire. I have multiple lists with draggable cards that can be moved between them, sorted, duplicated, and more. When the lists have cards populated, Vue.Draggable ...

Utilizing GraphQL Global Object Identification with NestJS using the code-first strategy

Currently, I am trying to incorporate Global Object Identification as outlined in the GraphQL documentation into my NestJS project. 1.) First, I created a Node interface: import { ID, InterfaceType, Field } from '@nestjs/graphql' @InterfaceType ...

Optimizing Next.js: Mastering the Art of Handling Scripts for Specific Routes

We're utilizing a chat plugin with GTM in our Next.js application. Our goal is to have GTM handle everything, without any code on the front end. GTM injects the main script and also handles injecting the init script. We only want the chat to be visi ...

Information is not stored within an array

After receiving data from an API, I attempted to store it in an array. However, when I tried to print the array, it was empty. The data retrieved is in JSON format. fetch("url") .then((response) => response.json()) .then((data) => ...

Ways to extract information from JSON files

Currently, I am working on a script to extract viewer count and follower count data from Twitch. While I have successfully retrieved the viewer count information, I am encountering issues with extracting the follower count. The essential information can be ...

I created a customized version of jQuery tabs, but I am looking for an external link to display the tab content and to style the original navigation

I've been experimenting with modifying a tabs script in jQuery that I came across. It seems like my attempt to enhance it has made things more complex than necessary. While I know creating tabs with jQuery is simple, I wanted to create my own version ...

There are no errors returned by Express-validator during the validation process

My goal is to validate user input during registration and check for errors using express-validator before saving the data to the database. I expect errors to be generated when submitting an empty form or entering incorrect information (e.g., invalid email ...

Issue with Vuex not functioning properly in Nuxt.js

I'm facing an issue with setting the state in Vuex on my Nuxt.js App. It seems to not be working correctly. So, here is how I am trying to set the state using the fetch method: fetch({app, store, route}) { app.$axios.$get(`apps/${route.params ...

Ways to identify when the socket has been opened by the client?

When utilizing socket.io on the client browser side, is there a way to identify when the socket connection has been successfully opened? I am also interested in monitoring other standard messages such as errors and disconnections. In comparison to the Web ...

The lookAt method in THREE.js is not functioning properly when called after the rendering process

The code snippet below seems to be causing some issues. It requires jquery and three.js to function properly. The problematic lines are as follows: // change the view so looking at the top of the airplane views[1].camera.position.set( 0,5,0 ); views[1].ca ...

How can I create a unique CSS or JS transition for a button that dynamically changes size based on text

My Angular app features a button labeled with "+". When the user hovers over it, I use element.append(' Add a New Number'); to add the text "Add a New Number" next to the + sign in the label. Upon clicking the button, a new number is added and ...