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

Code Group not working in production #975

Open
YesidMarin opened this issue Sep 4, 2023 · 9 comments
Open

Code Group not working in production #975

YesidMarin opened this issue Sep 4, 2023 · 9 comments

Comments

@YesidMarin
Copy link

Hello,

I have this component in local but when I release it in prod it doesn't work. I can't copy the code and it's not formatted.

image Screenshot 2023-09-03 at 21 44 07
@MangMax
Copy link

MangMax commented Sep 4, 2023

I seem to have the same problem and it doesn't work in the development environment

@collinped
Copy link

Happened to me as well with version v1.14.6, ended up rolling back a couple of versions.

@mathieunicolas
Copy link
Contributor

mathieunicolas commented Sep 10, 2023

Yup, it happens to me as well. It doesn't work in dev and in prod.

@collinped , could you tell me which version did you use to get it work again ? I tried few roll backs and I can't make it work again ^^'

@collinped
Copy link

@mathieunicolas I rolled back to 1.14.3

@mathieunicolas
Copy link
Contributor

mathieunicolas commented Sep 14, 2023

@mathieunicolas I rolled back to 1.14.3

Thanks for your answer. I tried with 1.14.3 and I still have the bad behaviour, I don't understand where it comes from.

  "devDependencies": {
    "@nuxt-themes/docus": "1.14.3",
    "@nuxt/devtools": "^0.8.3",
    "nuxt": "^3.7.1",
    "rehype-katex": "^6.0.3",
    "remark-math": "^5.1.1"
  },

I deleted the node_modules and .nuxt folders, and... same problem in all my code-group components.
What's wrong ? My nuxt version ?

Anyway, quick and dirty fix by adding a global CSS rule that seems to work :

code > span {
    display: block;
}

edit: less dirty fix :

code > span {
    white-space: pre-wrap;
}

@Barbapapazes
Copy link
Contributor

seems related to https://www.npmjs.com/package/@nuxt-themes/elements but the repo is not opened. 🥲

@mathieunicolas
Copy link
Contributor

alert components are broken too ? below the output for the following code :

::alert{type="info"}
Lorsque l'on affecte une valeur à une variable, il faut toujours penser au type que l'on va créer.

Par exemple, l'expression `var = 42` va créer un **entier** égal à 42. En revanche, l'expression `var = "42"` va créer une **chaîne de caractères** composée des caractères `4` et `2`.

Les fonctions `int()` et `str()` permettent de modifier le type d'une variable.
::

image

@Atinux do you have any clue for this bug ?

Copy link
Contributor

Atinux commented Sep 18, 2023

I am sorry about this, we are in the migration to remove all sub dependencies in order to migrate to pure TailwindCSS.

I know @bdrtsky is working on it, what is the ETA?

@mathieunicolas
Copy link
Contributor

I am sorry about this, we are in the migration to remove all sub dependencies in order to migrate to pure TailwindCSS.

I know @bdrtsky is working on it, what is the ETA?

Thanks for answering, and don't be sorry !! You're doing an amazing work and huge thanks for that !
Is moving docus to tailwind in the list as well ? I was starting to think a docus remake with tailwind could be useful, and then I've seen things for Docus v2, is there a milestone somewhere if we want to help ?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

6 participants