Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Better indent guides for Pug/Jade #943

Closed
CS-Birb opened this issue Feb 2, 2021 · 9 comments
Closed

Better indent guides for Pug/Jade #943

CS-Birb opened this issue Feb 2, 2021 · 9 comments
Labels
feature request In the next release language specific this feature/issue only effect on specific languages

Comments

@CS-Birb
Copy link

CS-Birb commented Feb 2, 2021

Your programming language(s)

Pug/Jade & Vue SFC (.vue files)

Expected Behavior

  • In .vue files, Pug/Jade Support carries through to a nested document in between <template lang="pug"> and </template>, as the standard HTML/XML does.
  • Pug support includes support for Rainbow indent guides

Current Behavior

  • In .vue files, HTML in the <template> is recognised and handled as expected.
  • Pug/Jade Support appears to be recognised only at the file level - A nested document as in between <template lang="pug"> and </template>,
  • In pug files, Indent guides are the standard grey despite settings.

Code snippet for reproduce (for bugs)

Vue file

<template lang="pug">
  div
    h1 Level 1 Header
    h2 Level 2 Header
    div
      span Etc
      p
        | More content
        b Nested bold
        | Etc
</template>

<script lang="ts">
  import Vue from "vue";

  export default Vue.extend({
    name: "example"
  });
</script>

<style scoped>

</style>

Your Environment

  • Plugin version: 6.15

WebStorm 2020.3.2
Build #WS-203.7148.54, built on January 25, 2021
Licensed to Connor McCormick
Subscription is active until April 15, 2021.
Runtime version: 11.0.9.1+11-b1145.77 amd64
VM: OpenJDK 64-Bit Server VM by JetBrains s.r.o.
Windows 10 10.0
GC: ParNew, ConcurrentMarkSweep
Memory: 1960M
Cores: 12
Registry: ide.balloon.shadow.size=0, js.debugger.webconsole=false
Non-Bundled Plugins: com.almightyalpaca.intellij.plugins.discord, mobi.hsz.idea.gitignore, tv.twelvetone.intellij.plugins.intellivue, com.intellij.lang.jsgraphql, izhangzhihao.rainbow.brackets, ru.adelf.idea.dotenv, PsiViewer

@CS-Birb
Copy link
Author

CS-Birb commented Feb 2, 2021

Thank you greatly for implementing #897 - Has been a lovely addition to my daily workflow, and am happy to now be a pledger for this project.
Sorry to become "that pug-obsessed guy"

@izhangzhihao
Copy link
Owner

I will look into it in one week or two, The inline-document already supported for JSX, it should not be hard for Pug.

@izhangzhihao

This comment was marked as outdated.

@izhangzhihao

This comment was marked as outdated.

@izhangzhihao

This comment was marked as outdated.

@izhangzhihao

This comment was marked as outdated.

@CS-Birb

This comment was marked as outdated.

@CS-Birb
Copy link
Author

CS-Birb commented Feb 3, 2021

Re: Rainbow Bracket's indent guide, as I worry my example was confusing:

Existing:
image

Desired:
image

@izhangzhihao
Copy link
Owner

izhangzhihao commented Jan 29, 2023

image

This feature will in the next release. Please try this build snapshot

@izhangzhihao izhangzhihao changed the title Further Pug-related requests Better indent guides for Pug/Jade Jan 29, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
feature request In the next release language specific this feature/issue only effect on specific languages
Projects
None yet
Development

No branches or pull requests

2 participants