vite-plugin-css-position 2.0.2 → 2.0.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +10 -12
- package/package.json +4 -4
package/README.md
CHANGED
|
@@ -1,9 +1,7 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
[](https://www.npmjs.com/package/vite-plugin-react-css-position)
|
|
1
|
+
[](https://www.npmjs.com/package/vite-plugin-css-position)
|
|
4
2
|
[](https://opensource.org/licenses/MIT)
|
|
5
3
|
|
|
6
|
-
A Vite plugin that allows you to control where CSS stylesheets are injected in your React application. Perfect for scenarios where you need precise control over style placement, especially when working with Shadow DOM.
|
|
4
|
+
A Vite plugin that allows you to control where CSS stylesheets are injected in your React or Vue application. Perfect for scenarios where you need precise control over style placement, especially when working with Shadow DOM.
|
|
7
5
|
|
|
8
6
|
## ✨ Features
|
|
9
7
|
|
|
@@ -14,19 +12,19 @@ A Vite plugin that allows you to control where CSS stylesheets are injected in y
|
|
|
14
12
|
## 📦 Installation
|
|
15
13
|
|
|
16
14
|
```bash
|
|
17
|
-
npm install vite-plugin-
|
|
15
|
+
npm install vite-plugin-css-position
|
|
18
16
|
```
|
|
19
17
|
|
|
20
18
|
or
|
|
21
19
|
|
|
22
20
|
```bash
|
|
23
|
-
pnpm add vite-plugin-
|
|
21
|
+
pnpm add vite-plugin-css-position
|
|
24
22
|
```
|
|
25
23
|
|
|
26
24
|
or
|
|
27
25
|
|
|
28
26
|
```bash
|
|
29
|
-
yarn add vite-plugin-
|
|
27
|
+
yarn add vite-plugin-css-position
|
|
30
28
|
```
|
|
31
29
|
|
|
32
30
|
## 🚀 Quick Start
|
|
@@ -37,7 +35,7 @@ Add the plugin to your `vite.config.ts`:
|
|
|
37
35
|
|
|
38
36
|
```typescript
|
|
39
37
|
...
|
|
40
|
-
import { viteReactCssPosition } from "vite-plugin-
|
|
38
|
+
import { viteReactCssPosition } from "vite-plugin-css-position";
|
|
41
39
|
|
|
42
40
|
export default defineConfig({
|
|
43
41
|
plugins: [react(), /* or vue(), */ viteReactCssPosition()],
|
|
@@ -51,7 +49,7 @@ Import and place the `StylesTarget` component where you want your styles to be i
|
|
|
51
49
|
#### In React
|
|
52
50
|
|
|
53
51
|
```tsx
|
|
54
|
-
import StylesTarget from "vite-plugin-
|
|
52
|
+
import StylesTarget from "vite-plugin-css-position/react";
|
|
55
53
|
|
|
56
54
|
export function App() {
|
|
57
55
|
return (
|
|
@@ -119,6 +117,6 @@ MIT © [Alexander Bogoslawski](https://github.com/Ahn1)
|
|
|
119
117
|
|
|
120
118
|
## 🔗 Links
|
|
121
119
|
|
|
122
|
-
- [GitHub Repository](https://github.com/Ahn1/vite-plugin-
|
|
123
|
-
- [Issue Tracker](https://github.com/Ahn1/vite-plugin-
|
|
124
|
-
- [npm Package](https://www.npmjs.com/package/vite-plugin-
|
|
120
|
+
- [GitHub Repository](https://github.com/Ahn1/vite-plugin-css-position)
|
|
121
|
+
- [Issue Tracker](https://github.com/Ahn1/vite-plugin-css-position/issues)
|
|
122
|
+
- [npm Package](https://www.npmjs.com/package/vite-plugin-css-position)
|
package/package.json
CHANGED
|
@@ -1,16 +1,16 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "vite-plugin-css-position",
|
|
3
|
-
"version": "2.0.
|
|
3
|
+
"version": "2.0.3",
|
|
4
4
|
"description": "Custom position of vite styles within a vite react app",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"license": "MIT",
|
|
7
|
-
"homepage": "https://github.com/Ahn1/vite-plugin-
|
|
7
|
+
"homepage": "https://github.com/Ahn1/vite-plugin-css-position",
|
|
8
8
|
"bugs": {
|
|
9
|
-
"url": "https://github.com/Ahn1/vite-plugin-
|
|
9
|
+
"url": "https://github.com/Ahn1/vite-plugin-css-position/issues"
|
|
10
10
|
},
|
|
11
11
|
"repository": {
|
|
12
12
|
"type": "git",
|
|
13
|
-
"url": "git+https://github.com/Ahn1/vite-plugin-
|
|
13
|
+
"url": "git+https://github.com/Ahn1/vite-plugin-css-position.git"
|
|
14
14
|
},
|
|
15
15
|
"author": "Alexander Bogoslawski <alexanderb@posteo.de>",
|
|
16
16
|
"files": [
|