fix: package name

selemondev · Aug 10, 2023 · 132944a · 132944a
1 parent f1eeba8
commit 132944a
Show file tree

Hide file tree

Showing 20 changed files with 65 additions and 109 deletions.
diff --git a/README.md b/README.md
@@ -20,13 +20,13 @@ Add `Windi UI` to your project by running one of the following commands:
 ```bash
 
 # pnpm
-pnpm add @selemondev/windi-ui
+pnpm add @windi/ui-vue
 
 # yarn
-yarn add @selemondev/windi-ui
+yarn add @windi/ui-vue
 
 # npm
-npm install @selemondev/windi-ui
+npm install @windi/ui-vue
 
 ```
 
@@ -37,7 +37,7 @@ npm install @selemondev/windi-ui
 ```ts
 /** @type {import('tailwindcss').Config} */
 module.exports = {
-  content: ['./index.html', './src/**/*.{vue,js,ts,jsx,tsx}', 'node_modules/@selemondev/windi-ui/dist/theme/*.{js,jsx,ts,tsx,vue}'],
+  content: ['./index.html', './src/**/*.{vue,js,ts,jsx,tsx}', 'node_modules/@windi/ui-vue/dist/theme/*.{js,jsx,ts,tsx,vue}'],
   darkMode: 'class',
   theme: {
     extend: {},
@@ -57,8 +57,8 @@ To import all the components provided by `Windi UI`, add `WindiUI` in your main
 
 ```ts
 import { createApp } from 'vue'
-import windiTheme from '@selemondev/windi-ui/dist/theme/windiTheme'
-import WindiUI from '@selemondev/windi-ui'
+import windiTheme from '@windi/ui-vue/dist/theme/windiTheme'
+import WindiUI from '@windi/ui-vue'
 import App from './App.vue'
 
 const app = createApp(App)
@@ -78,9 +78,9 @@ Probably you might not want to globally register all the components but instead
 ```ts
 import { createApp } from 'vue'
 import './style.css'
-import windiTheme from '@selemondev/windi-ui/dist/theme/windiTheme'
+import windiTheme from '@windi/ui-vue/dist/theme/windiTheme'
 
-import { WKbd, createWindiUI } from '@selemondev/windi-ui'
+import { WKbd, createWindiUI } from '@windi/ui-vue'
 
 import App from './App.vue'
 
@@ -137,9 +137,9 @@ npm i -D unplugin-vue-components
 ```ts
 import { createApp } from 'vue'
 import './style.css'
-import windiTheme from '@selemondev/windi-ui/dist/theme/windiTheme'
+import windiTheme from '@windi/ui-vue/dist/theme/windiTheme'
 
-import { createWindiUI } from '@selemondev/windi-ui'
+import { createWindiUI } from '@windi/ui-vue'
 
 import App from './App.vue'
 
@@ -158,7 +158,7 @@ app.mount('#app')
 
 ```ts
 // other imports
-import { WindiUIComponentResolver } from '@selemondev/windi-ui'
+import { WindiUIComponentResolver } from '@windi/ui-vue'
 import Components from 'unplugin-vue-components/vite'
 
 export default defineConfig({

diff --git a/docs/docs/.vitepress/theme/index.ts b/docs/docs/.vitepress/theme/index.ts
@@ -8,8 +8,8 @@ import "./rainbow.css"
 import "./style.css"
 import './tailwind.css'
 import 'uno.css'
-import windiTheme from '@selemondev/windi-ui/dist/theme/windiTheme'
-import WindiUI from '@selemondev/windi-ui'
+import windiTheme from '@windi/ui-vue/dist/theme/windiTheme'
+import WindiUI from '@windi/ui-vue'
 let homePageStyle: HTMLStyleElement | undefined
 export default {
   extend: Theme,

diff --git a/docs/docs/guide/getting-started/installation.md b/docs/docs/guide/getting-started/installation.md
@@ -4,13 +4,13 @@ Adding `Windi UI` to your project is relatively straightforward. Run one of the
 
 ::: code-group
   ```bash [pnpm]
-  pnpm add @selemondev/windi-ui
+  pnpm add @windi/ui-vue
   ```
   ```bash [yarn]
-  yarn add @selemondev/windi-ui
+  yarn add @windi/ui-vue
   ```
   ```bash [npm]
-  npm install @selemondev/windi-ui
+  npm install @windi/ui-vue
   ```
 :::
 
@@ -21,7 +21,7 @@ Adding `Windi UI` to your project is relatively straightforward. Run one of the
 ```ts
 /** @type {import('tailwindcss').Config} */
 module.exports = {
-  content: ["./index.html", "./src/**/*.{vue,js,ts,jsx,tsx}", "node_modules/@selemondev/windi-ui/dist/theme/*.{js,jsx,ts,tsx,vue}"],
+  content: ["./index.html", "./src/**/*.{vue,js,ts,jsx,tsx}", "node_modules/@windi/ui-vue/dist/theme/*.{js,jsx,ts,tsx,vue}"],
   darkMode: "class",
   theme: {
     extend: {},
@@ -43,8 +43,8 @@ To import all the components provided by `Windi UI`, add `WindiUI` in your main
 ```ts
 import { createApp } from 'vue'
 import App from './App.vue'
-import windiTheme from '@selemondev/windi-ui/dist/theme/windiTheme'
-import WindiUI from '@selemondev/windi-ui'
+import windiTheme from '@windi/ui-vue/dist/theme/windiTheme'
+import WindiUI from '@windi/ui-vue'
 
 const app = createApp(App)
 app.use(WindiUI, windiTheme)
@@ -66,11 +66,11 @@ Probably you might not want to globally register all the components but instead
 import { createApp } from 'vue'
 import './style.css'
 import App from './App.vue'
-import windiTheme from '@selemondev/windi-ui/dist/theme/windiTheme'
+import windiTheme from '@windi/ui-vue/dist/theme/windiTheme'
 
-import { WKbd, createWindiUI } from '@selemondev/windi-ui' // [!code ++]
+import { WKbd, createWindiUI } from '@windi/ui-vue' // [!code ++]
 
-import WindiUI from '@selemondev/windi-ui' // [!code --]
+import WindiUI from '@windi/ui-vue' // [!code --]
 
 const app = createApp(App)
 
@@ -130,13 +130,13 @@ To achieve this you need to do the following:
 import { createApp } from 'vue'
 import './style.css'
 import App from './App.vue'
-import windiTheme from '@selemondev/windi-ui/dist/theme/windiTheme'
+import windiTheme from '@windi/ui-vue/dist/theme/windiTheme'
 
-import { WKbd, createWindiUI } from '@selemondev/windi-ui' // [!code --]
+import { WKbd, createWindiUI } from '@windi/ui-vue' // [!code --]
 
-import { createWindiUI } from '@selemondev/windi-ui' // [!code ++]
+import { createWindiUI } from '@windi/ui-vue' // [!code ++]
 
-import WindiUI from '@selemondev/windi-ui' // [!code --]
+import WindiUI from '@windi/ui-vue' // [!code --]
 
 const app = createApp(App)
 
@@ -161,7 +161,7 @@ app.mount('#app')
 
 ```ts
 // other imports
-import { WindiUIComponentResolver } from '@selemondev/windi-ui'
+import { WindiUIComponentResolver } from '@windi/ui-vue'
 import Components from "unplugin-vue-components/vite"
 
 export default defineConfig({

diff --git a/docs/docs/package.json b/docs/docs/package.json
@@ -13,7 +13,7 @@
     "serve": "vitepress serve"
   },
   "dependencies": {
-    "@selemondev/windi-ui": "workspace:^",
+    "@windi/ui-vue": "workspace:^",
     "markdown-it": "^13.0.1"
   },
   "devDependencies": {

diff --git a/docs/docs/tailwind.config.js b/docs/docs/tailwind.config.js
@@ -1,5 +1,5 @@
 module.exports = {
-  content: ['./docs/.vitepress/**/*.{js,ts,vue}', './components/**/*.{js,ts,vue,md}', './src/**/*.{js,ts,vue}', 'node_modules/@selemondev/windi-ui/dist/theme/*.{js,ts,json}'],
+  content: ['./docs/.vitepress/**/*.{js,ts,vue}', './components/**/*.{js,ts,vue,md}', './src/**/*.{js,ts,vue}', 'node_modules/@windi/ui-vue/dist/theme/*.{js,ts,json}'],
   plugins: [],
   darkMode: 'class',
   theme: {

diff --git a/docs/docs/tsconfig.json b/docs/docs/tsconfig.json
@@ -7,9 +7,6 @@
                 "./guide/*"
             ]
         },
-        "types": [
-            "./auto-imports"
-        ]
     },
     "exclude": [
         "**/dist/**"

diff --git a/example/package.json b/example/package.json
@@ -13,7 +13,7 @@
     "vue": "^3.3.4"
   },
   "devDependencies": {
-    "@selemondev/windi-ui": "workspace:^",
+    "@windi/ui-vue": "workspace:^",
     "@tsconfig/node18": "^18.2.0",
     "@types/node": "^20.4.5",
     "@vitejs/plugin-vue": "^4.2.3",

diff --git a/example/src/App.vue b/example/src/App.vue
@@ -3,51 +3,10 @@
 
 <template>
   <div class="grid place-items-center w-full min-h-screen">
-    <div class="space-y-2">
-      <div class="max-w-md">
-        <WAccordion class="grid gap-3">
-          <WAccordionItem title="1. How do I host Supabase?">
-            Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad error distinctio beatae odio natus unde ratione,
-            veniam assumenda dolor inventore cum architecto velit, ducimus ab debitis aut. Deserunt, atque enim vel
-            consectetur tenetur qui illo.
-          </WAccordionItem>
-          <WAccordionItem title="2. Do you support only PostgreSQL?">
-            Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad error distinctio beatae odio natus unde ratione,
-            veniam assumenda dolor inventore cum architecto velit, ducimus ab debitis aut. Deserunt, atque enim vel
-            consectetur tenetur qui illo.
-          </WAccordionItem>
-          <WAccordionItem title="3. Do you have a library for JavaScript and Flutter?">
-            Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad error distinctio beatae odio natus unde ratione,
-            veniam assumenda dolor inventore cum architecto velit, ducimus ab debitis aut. Deserunt, atque enim vel
-            consectetur tenetur qui illo.
-          </WAccordionItem>
-        </WAccordion>
-      </div>
-      <!-- rounded -->
-      <!-- <div class="max-w-md">
-        <WAccordion class="grid gap-3">
-          <WAccordionItem rounded title="1. How do I host Supabase?">
-            Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad error distinctio beatae odio natus unde ratione,
-            veniam assumenda dolor inventore cum architecto velit, ducimus ab debitis aut. Deserunt, atque enim vel
-            consectetur tenetur qui illo.
-          </WAccordionItem>
-          <WAccordionItem rounded title="2. Do you support only PostgreSQL?">
-            Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad error distinctio beatae odio natus unde ratione,
-            veniam assumenda dolor inventore cum architecto velit, ducimus ab debitis aut. Deserunt, atque enim vel
-            consectetur tenetur qui illo.
-          </WAccordionItem>
-          <WAccordionItem rounded title="3. Do you have a library for JavaScript and Flutter?">
-            Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad error distinctio beatae odio natus unde ratione,
-            veniam assumenda dolor inventore cum architecto velit, ducimus ab debitis aut. Deserunt, atque enim vel
-            consectetur tenetur qui illo.
-          </WAccordionItem>
-        </WAccordion>
-      </div> -->
-      <!-- <WButtonGroup >
+      <WButtonGroup>
         <WButton icon="bxl:meta" :trailing="false" variant="primary" size="lg" />
         <WButton icon="ic:round-play-arrow" :trailing="false" variant="danger" size="lg" />
         <WButton icon="ph:reddit-logo" :trailing="false" variant="warning" size="lg" />
-      </WButtonGroup> -->
+      </WButtonGroup>
     </div>
-  </div>
 </template>
diff --git a/example/src/main.ts b/example/src/main.ts
@@ -1,8 +1,8 @@
 import "./assets/css/tailwind.css"
 import { createApp } from 'vue'
 import App from './App.vue'
-import install from "windi-ui"
-import config from "windi-ui/dist/theme/windiTheme"
+import install from "@windi/ui-vue"
+import config from "@windi/ui-vue/dist/theme/windiTheme"
 const app = createApp(App)
 app.use(install, config)
 app.mount('#app')
diff --git a/example/tailwind.config.js b/example/tailwind.config.js
@@ -1,6 +1,6 @@
 /** @type {import('tailwindcss').Config} */
 module.exports = {
-  content: ["./index.html", "./src/**/*.{vue,js,ts,jsx,tsx}", 'node_modules/windi-ui/dist/theme/*.{js,ts,json}'],
+  content: ["./index.html", "./src/**/*.{vue,js,ts,jsx,tsx}", 'node_modules/@windi/ui-vue/dist/theme/*.{js,ts,json}'],
   theme: {
     extend: {},
   },

diff --git a/package.json b/package.json
@@ -20,7 +20,7 @@
     "test": "vitest",
     "test:update": "vitest -u",
     "test:coverage": "vitest --coverage",
-    "windi-ui": "pnpm --filter @selemondev/windi-ui",
+    "windi-ui": "pnpm --filter @windi/ui-vue",
     "postinstall": "npx simple-git-hooks",
     "major": "taze minor -wIr"
   },

diff --git a/packages/windi/README.md b/packages/windi/README.md
@@ -20,13 +20,13 @@ Add `Windi UI` to your project by running one of the following commands:
 ```bash
 
 # pnpm
-pnpm add @selemondev/windi-ui
+pnpm add @windi/ui-vue
 
 # yarn
-yarn add @selemondev/windi-ui
+yarn add @windi/ui-vue
 
 # npm
-npm install @selemondev/windi-ui
+npm install @windi/ui-vue
 
 ```
 
@@ -37,7 +37,7 @@ npm install @selemondev/windi-ui
 ```ts
 /** @type {import('tailwindcss').Config} */
 module.exports = {
-  content: ['./index.html', './src/**/*.{vue,js,ts,jsx,tsx}', 'node_modules/@selemondev/windi-ui/dist/theme/*.{js,jsx,ts,tsx,vue}'],
+  content: ['./index.html', './src/**/*.{vue,js,ts,jsx,tsx}', 'node_modules/@windi/ui-vue/dist/theme/*.{js,jsx,ts,tsx,vue}'],
   darkMode: 'class',
   theme: {
     extend: {},
@@ -57,8 +57,8 @@ To import all the components provided by `Windi UI`, add `WindiUI` in your main
 
 ```ts
 import { createApp } from 'vue'
-import windiTheme from '@selemondev/windi-ui/dist/theme/windiTheme'
-import WindiUI from '@selemondev/windi-ui'
+import windiTheme from '@windi/ui-vue/dist/theme/windiTheme'
+import WindiUI from '@windi/ui-vue'
 import App from './App.vue'
 
 const app = createApp(App)
@@ -78,9 +78,9 @@ Probably you might not want to globally register all the components but instead
 ```ts
 import { createApp } from 'vue'
 import './style.css'
-import windiTheme from '@selemondev/windi-ui/dist/theme/windiTheme'
+import windiTheme from '@windi/ui-vue/dist/theme/windiTheme'
 
-import { WKbd, createWindiUI } from '@selemondev/windi-ui'
+import { WKbd, createWindiUI } from '@windi/ui-vue'
 
 import App from './App.vue'
 
@@ -137,9 +137,9 @@ npm i -D unplugin-vue-components
 ```ts
 import { createApp } from 'vue'
 import './style.css'
-import windiTheme from '@selemondev/windi-ui/dist/theme/windiTheme'
+import windiTheme from '@windi/ui-vue/dist/theme/windiTheme'
 
-import { createWindiUI } from '@selemondev/windi-ui'
+import { createWindiUI } from '@windi/ui-vue'
 
 import App from './App.vue'
 
@@ -158,7 +158,7 @@ app.mount('#app')
 
 ```ts
 // other imports
-import { WindiUIComponentResolver } from '@selemondev/windi-ui'
+import { WindiUIComponentResolver } from '@windi/ui-vue'
 import Components from 'unplugin-vue-components/vite'
 
 export default defineConfig({

diff --git a/packages/windi/package.json b/packages/windi/package.json
@@ -1,6 +1,6 @@
 {
-  "name": "@selemondev/windi-ui",
-  "version": "0.0.1-beta.0",
+  "name": "@windi/ui-vue",
+  "version": "0.0.0",
   "packageManager": "[email protected]",
   "description": "Build Accessible Apps 10x faster",
   "author": "Selemondev",

diff --git a/packages/windi/src/componentResolver.ts b/packages/windi/src/componentResolver.ts
@@ -5,7 +5,7 @@ export function WindiUIComponentResolver(): ComponentResolver {
     type: 'component',
     resolve: (name: string) => {
       if (name.match(/^W[A-Z]/))
-        return { name, from: '@selemondev/windi-ui' }
+        return { name, from: '@windi/ui-vue' }
     },
   }
 }
diff --git a/packages/windi/tailwind.config.js b/packages/windi/tailwind.config.js
@@ -1,7 +1,7 @@
 // module.exports = require('@windi-ui/tailwind-config/tailwind.config')
 /** @type {import('tailwindcss').Config} */
 module.exports = {
-  content: ['./index.html', './src/**/*.{vue,js,ts,jsx,tsx}', 'node_modules/@selemondev/windi-ui/dist/theme/*.{js,ts,json}'],
+  content: ['./index.html', './src/**/*.{vue,js,ts,jsx,tsx}', 'node_modules/@windi/ui-vue/dist/theme/*.{js,ts,json}'],
   darkMode: 'class',
   theme: {
     extend: {

diff --git a/playground/package.json b/playground/package.json
@@ -24,7 +24,7 @@
   },
   "homepage": "https://github.com/selemondev/windi-ui#readme",
   "dependencies": {
-    "@selemondev/windi-ui": "workspace:^",
+    "@windi/ui-vue": "workspace:^",
     "@vue/repl": "^1.4.1",
     "autoprefixer": "^10.4.14",
     "compare-versions": "^4.1.4",