Comments (6)
I get the same issue within <script> tags within .astro files
from prettier-plugin-astro.
setting up the global parser to typescript
is a gotcha here. What I did was remove it and the warning list was reduced significantly. I noticed svelteStrictMode
flag related warnings coming as well but it appeared as an "unknown option" in the prettier logs so I don't have any much thought about it
from prettier-plugin-astro.
hey, I'm facing the same issue but in a different code.
<script define:vars={{ googleAnalyticsId, isDev }}>
window.dataLayer = window.dataLayer || []
function gtag() {
dataLayer.push(arguments)
}
gtag('js', new Date())
gtag('config', googleAnalyticsId, {
debug_mode: isDev,
})
</script>
versions:
- "astro": "^4.6.0"
- "prettier": "^3.2.5",
- "prettier-plugin-astro": "^0.13.0",
from prettier-plugin-astro.
My version:
{Condition &&
<style>
body, h1, h2, h3, h4, h5, h6, code, p, a, li, span, ul {
font-family:"Comic Sans MS", "Comic Sans", cursive;
}
</style>
<script src="....."></script>
<script lang="javascript">
.....
</script>
<p style="text-align: center;">
.....
</p>
}
.astro: SyntaxError: Unexpected token, expected "}" (4:22)
[error] 2 | <style>
[error] 3 | body, h1, h2, h3, h4, h5, h6, code, p, a, li, span, ul {
[error] > 4 | font-family:"Comic Sans MS", "Comic Sans", cursive;
[error] | ^
[error] 5 | }
[error] 6 | </style>
from prettier-plugin-astro.
My version:
{Condition && <style> body, h1, h2, h3, h4, h5, h6, code, p, a, li, span, ul { font-family:"Comic Sans MS", "Comic Sans", cursive; } </style> <script src="....."></script> <script lang="javascript"> ..... </script> <p style="text-align: center;"> ..... </p> }
.astro: SyntaxError: Unexpected token, expected "}" (4:22) [error] 2 | <style> [error] 3 | body, h1, h2, h3, h4, h5, h6, code, p, a, li, span, ul { [error] > 4 | font-family:"Comic Sans MS", "Comic Sans", cursive; [error] | ^ [error] 5 | } [error] 6 | </style>
same
from prettier-plugin-astro.
Related Issues (20)
- 🐛 BUG: Prettier for .astro files doesn't work - looks turned off HOT 7
- 🐛 BUG: Cannot handle HTML comments inside conditional blocks HOT 1
- 🐛 BUG: Syntax Highlighting Lost and Incorrect Rendering When Condensing Code Blocks HOT 5
- 🐛 BUG: <script> formatting broken in files containing multi-byte characters HOT 3
- 🐛 BUG: Adding components into head tag breaks the astro file layout (view transitions) HOT 1
- 🐛 BUG: Positioning of `<style>` tag is inconsistent depending on the element exported by a component HOT 1
- 🐛 BUG: ViewTransitions component breaks `head` tag on format HOT 1
- 🐛 BUG: HTML-style `prettier-ignore` comments do not work for script tags
- 🐛 BUG: If a specific test fails in a unit test, an unexplained `TypeError` is raised in the next test
- 🐛 BUG: prettier fails to find the plugin HOT 4
- 💡 RFC: Support prose-wrap option for text content in .astro files HOT 4
- 🐛 BUG: `bracketSameLine` not working as expected in self-closing tags
- 🐛 BUG: Fragment is moved if it wraps a component HOT 1
- 🐛 BUG: inserts space between pre and code, breaks file HOT 2
- 🐛 BUG: prettier-ignore breaks file HOT 1
- 🐛 BUG: Content is deleted when fixing self-closing br tag HOT 1
- 🐛 BUG: Error when using `<></>` syntax in a ternary expression HOT 1
- 🐛 BUG: HOT 1
- 🐛 BUG: adding duplicate import statment HOT 2
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from prettier-plugin-astro.