docs/nextjs-style-guide
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: исправлены разногласия в документации
All checks were successful
CI/CD Pipeline / docker (push) Successful in 42s
Details
CI/CD Pipeline / deploy (push) Successful in 10s
Details

Browse Source 
- Заменён .scss на .css в разделе Компоненты
- Заменён globals.css на ./styles/index.css в layout.tsx
- Провайдеры вынесены в app/providers/ вместо инлайн-импорта
- Обновлён quickfix.biome на source.fixAll.biome (Biome 2.x)
- Breakpoints и радиусы оставлены без изменений (36/62/82em, --radius-1/2)
This commit is contained in:
S.Gromov
2026-03-29 13:06:51 +03:00
parent b104ca6581
commit 04aa62a041
4 changed files with 18 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
docs/ru/applied/components.md
View File

@@ -13,7 +13,7 @@ title: Компоненты
```text ```text
container/ container/
├── styles/ ├── styles/
│ └── container.module.scss │ └── container.module.css
├── types/ ├── types/
│ └── container.interface.ts │ └── container.interface.ts
├── container.tsx ├── container.tsx
@@ -22,7 +22,7 @@ container/
## Пример базового компонента ## Пример базового компонента
`styles/container.module.scss` `styles/container.module.css`
```scss ```scss
.root {} .root {}
``` ```
@@ -45,7 +45,7 @@ export interface ContainerProps extends HTMLAttributes<HTMLDivElement> {}
import type { FC } from 'react' import type { FC } from 'react'
import cl from 'clsx' import cl from 'clsx'
import type { ContainerProps } from './types/container.interface' import type { ContainerProps } from './types/container.interface'
import styles from './styles/container.module.scss' import styles from './styles/container.module.css'
/** /**
* Контейнер с адаптивной максимальной шириной. * Контейнер с адаптивной максимальной шириной.

12
docs/ru/applied/page-level.md
View File

@@ -21,9 +21,8 @@ title: Page-level компоненты
```tsx ```tsx
import type { PropsWithChildren } from 'react' import type { PropsWithChildren } from 'react'
import type { Metadata } from 'next' import type { Metadata } from 'next'
import { ColorSchemeScript, MantineProvider } from '@mantine/core' import { Providers } from './providers'
import '@mantine/core/styles.css' import './styles/index.css'
import './globals.css'
export const metadata: Metadata = { export const metadata: Metadata = {
title: { title: {
@@ -53,13 +52,10 @@ export const metadata: Metadata = {
export default function RootLayout({ children }: PropsWithChildren) { export default function RootLayout({ children }: PropsWithChildren) {
return ( return (
<html lang="ru" suppressHydrationWarning> <html lang="ru" suppressHydrationWarning>
<head>
<ColorSchemeScript />
</head>
<body> <body>
<MantineProvider> <Providers>
{children} {children}
</MantineProvider> </Providers>
</body> </body>
</html> </html>
) )

4
docs/ru/applied/vscode.md
View File

@@ -53,7 +53,7 @@ title: Настройка VS Code
"editor.defaultFormatter": "biomejs.biome", "editor.defaultFormatter": "biomejs.biome",
"editor.formatOnSave": true, "editor.formatOnSave": true,
"editor.codeActionsOnSave": { "editor.codeActionsOnSave": {
"quickfix.biome": "explicit", "source.fixAll.biome": "explicit",
"source.organizeImports.biome": "explicit" "source.organizeImports.biome": "explicit"
}, },
"files.associations": { "files.associations": {
@@ -68,7 +68,7 @@ title: Настройка VS Code
|---|---|---| |---|---|---|
| `editor.defaultFormatter` | `biomejs.biome` | Biome используется как единственный форматтер для всех файлов | | `editor.defaultFormatter` | `biomejs.biome` | Biome используется как единственный форматтер для всех файлов |
| `editor.formatOnSave` | `true` | Код автоматически форматируется при каждом сохранении | | `editor.formatOnSave` | `true` | Код автоматически форматируется при каждом сохранении |
| `codeActionsOnSave.quickfix.biome` | `explicit` | Biome автоматически применяет безопасные исправления при сохранении | | `codeActionsOnSave.source.fixAll.biome` | `explicit` | Biome автоматически применяет безопасные исправления при сохранении |
| `codeActionsOnSave.source.organizeImports.biome` | `explicit` | Импорты сортируются и группируются автоматически при сохранении | | `codeActionsOnSave.source.organizeImports.biome` | `explicit` | Импорты сортируются и группируются автоматически при сохранении |
| `files.associations` | `"*.css": "postcss"` | Все CSS-файлы открываются с подсветкой PostCSS вместо стандартного CSS | | `files.associations` | `"*.css": "postcss"` | Все CSS-файлы открываются с подсветкой PostCSS вместо стандартного CSS |

22
generated/ru/RULES.md
View File

@@ -830,7 +830,7 @@ const parse = (value: any) => value;
"editor.defaultFormatter": "biomejs.biome", "editor.defaultFormatter": "biomejs.biome",
"editor.formatOnSave": true, "editor.formatOnSave": true,
"editor.codeActionsOnSave": { "editor.codeActionsOnSave": {
"quickfix.biome": "explicit", "source.fixAll.biome": "explicit",
"source.organizeImports.biome": "explicit" "source.organizeImports.biome": "explicit"
}, },
"files.associations": { "files.associations": {
@@ -845,7 +845,7 @@ const parse = (value: any) => value;
|---|---|---| |---|---|---|
| `editor.defaultFormatter` | `biomejs.biome` | Biome используется как единственный форматтер для всех файлов | | `editor.defaultFormatter` | `biomejs.biome` | Biome используется как единственный форматтер для всех файлов |
| `editor.formatOnSave` | `true` | Код автоматически форматируется при каждом сохранении | | `editor.formatOnSave` | `true` | Код автоматически форматируется при каждом сохранении |
| `codeActionsOnSave.quickfix.biome` | `explicit` | Biome автоматически применяет безопасные исправления при сохранении | | `codeActionsOnSave.source.fixAll.biome` | `explicit` | Biome автоматически применяет безопасные исправления при сохранении |
| `codeActionsOnSave.source.organizeImports.biome` | `explicit` | Импорты сортируются и группируются автоматически при сохранении | | `codeActionsOnSave.source.organizeImports.biome` | `explicit` | Импорты сортируются и группируются автоматически при сохранении |
| `files.associations` | `"*.css": "postcss"` | Все CSS-файлы открываются с подсветкой PostCSS вместо стандартного CSS | | `files.associations` | `"*.css": "postcss"` | Все CSS-файлы открываются с подсветкой PostCSS вместо стандартного CSS |
@@ -1022,7 +1022,7 @@ src/
```text ```text
container/ container/
├── styles/ ├── styles/
│ └── container.module.scss │ └── container.module.css
├── types/ ├── types/
│ └── container.interface.ts │ └── container.interface.ts
├── container.tsx ├── container.tsx
@@ -1031,7 +1031,7 @@ container/
### Пример базового компонента ### Пример базового компонента
`styles/container.module.scss` `styles/container.module.css`
```scss ```scss
.root {} .root {}
``` ```
@@ -1054,7 +1054,7 @@ export interface ContainerProps extends HTMLAttributes<HTMLDivElement> {}
import type { FC } from 'react' import type { FC } from 'react'
import cl from 'clsx' import cl from 'clsx'
import type { ContainerProps } from './types/container.interface' import type { ContainerProps } from './types/container.interface'
import styles from './styles/container.module.scss' import styles from './styles/container.module.css'
/** /**
* Контейнер с адаптивной максимальной шириной. * Контейнер с адаптивной максимальной шириной.
@@ -1117,9 +1117,8 @@ export { Container } from './container'
```tsx ```tsx
import type { PropsWithChildren } from 'react' import type { PropsWithChildren } from 'react'
import type { Metadata } from 'next' import type { Metadata } from 'next'
import { ColorSchemeScript, MantineProvider } from '@mantine/core' import { Providers } from './providers'
import '@mantine/core/styles.css' import './styles/index.css'
import './globals.css'
export const metadata: Metadata = { export const metadata: Metadata = {
title: { title: {
@@ -1149,13 +1148,10 @@ export const metadata: Metadata = {
export default function RootLayout({ children }: PropsWithChildren) { export default function RootLayout({ children }: PropsWithChildren) {
return ( return (
<html lang="ru" suppressHydrationWarning> <html lang="ru" suppressHydrationWarning>
<head>
<ColorSchemeScript />
</head>
<body> <body>
<MantineProvider> <Providers>
{children} {children}
</MantineProvider> </Providers>
</body> </body>
</html> </html>
) )