vueless 0.0.17 → 0.0.18

package/docs/README.md

@@ -1,64 +0,0 @@
-# Quick Start
-
-1\. Install `vueless` UI library packages.
-
-{% tabs %}
-{% tab title="npm" %}
-```bash
-npm install vueless @vueless/plugin-vite
-```
-{% endtab %}
-
-{% tab title="yarn" %}
-```bash
-yarn add vueless @vueless/plugin-vite
-```
-{% endtab %}
-
-{% tab title="pnpm" %}
-```bash
-pnpm add vueless @vueless/plugin-vite
-```
-{% endtab %}
-{% endtabs %}
-
-2\. Create `vueless.config.js` at the root of the project.
-
-{% code title="vueless.config.js" %}
-```javascript
-export default {
-  color: {},
-  component: {},
-};
-```
-{% endcode %}
-
-3\. Add TailwindCSS preset.
-
-<pre class="language-javascript" data-title="tailwind.config.js"><code class="lang-javascript"><strong>import { vuelessPreset } from "vueless/preset.tailwind";
-</strong>
-export default {
-  presets: [vuelessPreset],
-  ...
-};
-</code></pre>
-
-4\. Add Vite plugins.
-
-{% code title="vite.config.js" overflow="wrap" %}
-```javascript
-import { Vueless, VuelessUnpluginComponents } from "@vueless/plugin-vite";
-
-export default defineConfig({
-  plugins: [
-    ...
-    Vueless(),
-    VuelessUnpluginComponents(),
-  ],
-  ...
-})
-```
-{% endcode %}
-
-That's it! You can use components in your app now ✨
-

package/docs/SUMMARY.md

@@ -1,5 +0,0 @@
-# Table of contents
-
-* [Quick Start](README.md)
-* [Classes Autocompletion](classes-autocompletion.md)
-* [Known issues](known-issues.md)

package/docs/classes-autocompletion.md

@@ -1,67 +0,0 @@
-# Classes Autocompletion
-
-### IntelliSense
-
-If you're using **VSCode** or **JetBrains** IDEs (WebStorm, PHPStorm, etc..) you can configure autocompletion for the classes.
-
-**What you'll get:**
-
-* Autocompletion on typing.
-* Autocompletion on objects by prefixing them with `/*tw*/`
-* Autocompletion when using the `config` prop.
-
-**An example SFC using IntelliSense:**
-
-```jsx
-<template>
-  <UCard :config="config" />
-</template>
-
-<script setup>
-const config = /*tw*/ {
-  background: 'bg-white dark:bg-slate-900'
-}
-</script>
-```
-
-### VSCode
-
-* Install [Tailwind CSS IntelliSense](https://marketplace.visualstudio.com/items?itemName=bradlc.vscode-tailwindcss) extension.
-* Set the plugin configuration below in the file `.vscode/settings.json`.
-
-```json
-{
-  "files.associations": {
-      "*.css": "tailwindcss"
-  },
-  "editor.quickSuggestions": {
-      "strings": true
-  },
-  "tailwindCSS.classAttributes": ["class", "config"],
-  "tailwindCSS.experimental.classRegex": [
-    ["config:\\s*{([^)]*)\\s*}", "[\"'`]([^\"'`]*).*?[\"'`]"],
-    ["/\\*tw\\*/\\s*{([^;]*)}", ":\\s*[\"'`]([^\"'`]*).*?[\"'`]"]
-  ]
-}
-```
-
-### JetBrains IDEs
-
-* Check if [Tailwind CSS IntelliSense](https://www.jetbrains.com/help/webstorm/tailwind-css.html) extension already installed in the IDE and install it if not.
-* Set the plugin configuration below in `Settings` > `Languages & Frameworks` > `Style Sheets` > `Tailwind CSS`.
-
-```json
-{
-  "includeLanguages": {
-    "javascript": "javascript"
-  },
-  "suggestions": true,
-  "classAttributes": ["class", "config"],
-  "experimental": {
-    "classRegex": [
-      ["config:\\s*{([^)]*)\\s*}", "[\"'`]([^\"'`]*).*?[\"'`]"],
-      ["/\\*tw\\*/\\s*{([^;]*)}", ":\\s*[\"'`]([^\"'`]*).*?[\"'`]"]
-    ]
-  }
-}
-```

package/docs/known-issues.md

@@ -1,14 +0,0 @@
-# Known issues
-
-### 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`

package/index.pcss

@@ -1,3 +0,0 @@
-@tailwind base;
-@tailwind components;
-@tailwind utilities;

package/jsconfig.json

@@ -1,11 +0,0 @@
-// https://code.visualstudio.com/docs/languages/jsconfig#_what-is-jsconfigjson
-{
-  "compilerOptions": {
-    "baseUrl": ".",
-    "paths": {
-      "../web-types.json":  ["../../web-types.json"],
-      "../../../vueless.config.js": ["../../vueless.config.js"],
-      "vueless": ["./src/*"]
-    }
-  }
-}

package/postcss.config.js

@@ -1,9 +0,0 @@
-export default {
-  plugins: {
-    "postcss-import": {},
-    "tailwindcss/nesting": {},
-    tailwindcss: {},
-    autoprefixer: {},
-    ...(process.env.NODE_ENV === "production" ? { cssnano: {} } : {}),
-  },
-};

package/tailwind.config.js

@@ -1,11 +0,0 @@
-/** @type {import('tailwindcss').Config} */
-import { vuelessPreset } from "./src/preset.tailwind";
-
-export default {
-  presets: [vuelessPreset],
-  theme: {
-    fontFamily: {
-      roboto: ["Roboto", "sans-serif"],
-    },
-  },
-};

package/vite.config.js

@@ -1,40 +0,0 @@
-import { defineConfig } from "vite";
-import path from "path";
-// Plugins
-import Vue from "@vitejs/plugin-vue";
-import Eslint from "vite-plugin-eslint";
-import { Vueless, VuelessUnpluginComponents } from "@vueless/plugin-vite";
-
-export default defineConfig({
-  plugins: [
-    Vue(),
-    Eslint(),
-    Vueless({ mode: "storybook", env: "vueless" }),
-    VuelessUnpluginComponents(),
-  ],
-  resolve: {
-    extensions: [".vue", ".mjs", ".js", ".ts", ".mdx"],
-    alias: {
-      vueless: path.resolve(__dirname, "./src"),
-      "../web-types.json": path.resolve(__dirname, "./web-types.json"),
-      "../../../vueless.config.js": path.resolve(__dirname, "./vueless.config.js"),
-    },
-  },
-  optimizeDeps: {
-    include: [
-      "vuex",
-      "vue-tippy",
-      "@uppy/core",
-      "@uppy/vue/src/drag-drop",
-      "@kyvg/vue3-notification",
-      "@tailwindcss/forms",
-      "tailwindcss/colors.js",
-      "cva",
-      "tailwind-merge",
-      "prettier2",
-      "prettier2/parser-html",
-      "@storybook/blocks",
-      "@storybook/theming/create",
-    ],
-  },
-});

package/vueless.config.js

@@ -1,7 +0,0 @@
-export default {
-  brand: "grayscale",
-  gray: "gray",
-  component: /*tw*/ {
-    // component configs
-  },
-};

package/web-types.config.js

@@ -1,3 +0,0 @@
-export default {
-  isVuelessEnv: true,
-};