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",