diff --git a/docs/README.md b/docs/README.md index 180e35b5c..00b3e691a 100644 --- a/docs/README.md +++ b/docs/README.md @@ -53,9 +53,9 @@ export default { ``` {% endcode %} -4.Install and configure [TailwindCSS](https://tailwindcss.com/docs/guides/vite#vue) (if not) and add `vuelessPreset` for it. +4.Install and configure [TailwindCSS](https://tailwindcss.com/docs/guides/vite#vue) (if not) and add `vuelessPreset` to it. -
import { vuelessPreset } from "vueless/preset.tailwind";
+import { vuelessPreset } from "vueless/preset.tailwind.js";
export default {
presets: [vuelessPreset],
@@ -80,7 +80,15 @@ export default defineConfig({
```
{% endcode %}
-That's it! You can use components in your app now ✨
+6\. Migrate you project to ECMAScript modules (ESM).
+
+{
+ "type": "module",
+ ...
+}
+
+
+That's it! You can use Vueless in your app now ✨
### Minimal requirements
diff --git a/docs/advanced/local-storybook-docs.md b/docs/advanced/local-storybook-docs.md
index c64176fee..832de02b4 100644
--- a/docs/advanced/local-storybook-docs.md
+++ b/docs/advanced/local-storybook-docs.md
@@ -29,7 +29,7 @@ yarn add -D @vueless/storybook
{% tab title="pnpm" %}
```bash
-pnpm add -D @vueless/storybook
+pnpm add -D @vueless/storybook --pnpm
```
{% endtab %}
@@ -50,6 +50,7 @@ Which:
* creates `.storybook` config folder in the root of the project.
* adds commands into the project `package.json` to run and build Storybook locally.
+* creates `.npmrc` config for `pnpm` only.
{% hint style="info" %}
If the `.storybook` folder is exist the package backup it before copying as a `.storybook-{timestamp}`.
diff --git a/docs/advanced/web-types-generation.md b/docs/advanced/web-types-generation.md
index 3aad7f4ad..384c0b696 100644
--- a/docs/advanced/web-types-generation.md
+++ b/docs/advanced/web-types-generation.md
@@ -8,6 +8,7 @@ But, in some cases you may need to install [`@vueless/web-types`](https://www.n
**When you may need to install it:**
+* If you going to change default values for props in `vueless.config.js`.
* If you going to use Vue components from the `/component` folder without importing them (unplugin) to remove IDE warnings.
* If you using JSDoc for documenting custom components and want to see props description and autocompletion on the go.
diff --git a/docs/installation/possible-issues.md b/docs/installation/possible-issues.md
index fd8ef3cdb..240a24063 100644
--- a/docs/installation/possible-issues.md
+++ b/docs/installation/possible-issues.md
@@ -1,21 +1,6 @@
# Possible issues
-### 1. SyntaxError: Unexpected token 'export'
-
-```bash
-/[root dir path]/vueless.config.js:6
-export default {
-^^^^^^
-
-SyntaxError: Unexpected token 'export'
-...
-```
-
-**Solution:** add `"type": "module"` in your project `package.json`
-
-***
-
-### 2. SyntaxError: The requested module '/node\_modules/tailwindcss/colors.js?v=...' does not provide an export named 'default'
+### 1. SyntaxError: The requested module '/node\_modules/tailwindcss/colors.js?v=...' does not provide an export named 'default'
**Solution:** add `optimizeDeps` to the project `vite.config`.
diff --git a/package-lock.json b/package-lock.json
index a31df2c70..8e4082cd3 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
{
"name": "vueless",
- "version": "0.0.127",
+ "version": "0.0.128",
"lockfileVersion": 3,
"requires": true,
"packages": {
"": {
"name": "vueless",
- "version": "0.0.127",
+ "version": "0.0.128",
"license": "MIT",
"dependencies": {
"@tailwindcss/forms": "^0.5.7",
diff --git a/package.json b/package.json
index 932e5f335..699ab370b 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
{
"name": "vueless",
- "version": "0.0.127",
+ "version": "0.0.128",
"license": "MIT",
"description": "Vue Styleless Component Framework.",
"homepage": "https://vueless.com",