init

Author: chengzheng1

.changeset/README.md

@@ -0,0 +1,8 @@
+# Changesets
+
+Hello and welcome! This folder has been automatically generated by `@changesets/cli`, a build tool that works
+with multi-package repos, or single-package repos to help you version and publish your code. You can
+find the full documentation for it [in our repository](https://github.com/changesets/changesets)
+
+We have a quick list of common questions to get you started engaging with this project in
+[our documentation](https://github.com/changesets/changesets/blob/main/docs/common-questions.md)

.changeset/config.json

@@ -0,0 +1,17 @@
+{
+  "$schema": "https://unpkg.com/@changesets/[email protected]/schema.json",
+  "changelog": "@changesets/cli/changelog",
+  "commit": false,
+  "fixed": [],
+  "linked": [],
+  "access": "public",
+  "baseBranch": "main",
+  "updateInternalDependencies": "patch",
+  "___experimentalUnsafeOptions_WILL_CHANGE_IN_PATCH": {
+    "onlyUpdatePeerDependentsWhenOutOfRange": true
+  },
+  "ignore": [
+    "@nextui-vue/docs",
+    "@nextui-vue/storybook"
+  ]
+}

.gitignore

@@ -0,0 +1,29 @@
+node_modules
+
+# debug
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+.yarn-integrity
+.idea
+.now
+dist
+esm
+examples/**/yarn.lock
+examples/**/out
+examples/**/.next
+packages/**/*.backup
+packages/**/*.backup.ts
+
+# misc
+.DS_Store
+.env
+.env.local
+.env.development.local
+.env.test.local
+.env.production.local
+.env.production
+
+# turbo
+.turbo
+packages/**/.turbo

.npmrc

@@ -0,0 +1,4 @@
+strict-peer-dependencies=false
+enable-pre-post-scripts=true
+public-hoist-pattern[]=*tailwind-variants*
+registry=https://registry.npmmirror.com/

.nvmrc

@@ -0,0 +1 @@
+16.x

.prettierignore

@@ -0,0 +1,16 @@
+dist
+node_modules
+plop
+coverage
+.changeset
+.next
+build
+scripts
+pnpm-lock.yaml
+!.storybook
+!.commitlintrc.cjs
+!.lintstagedrc.cjs
+!jest.config.js
+!plopfile.js
+!react-shim.js
+!tsup.config.ts

.prettierrc.json

@@ -0,0 +1,12 @@
+{
+  "$schema": "https://json.schemastore.org/prettierrc.json",
+  "tabWidth": 2,
+  "printWidth": 100,
+  "semi": true,
+  "useTabs": false,
+  "singleQuote": false,
+  "bracketSpacing": false,
+  "endOfLine": "auto",
+  "arrowParens": "always",
+  "trailingComma": "all"
+}

apps/docs/package.json

@@ -0,0 +1,8 @@
+{
+  "name": "@nextui-vue/docs",
+  "version": "2.0.0",
+  "private": true,
+  "scripts": {},
+  "dependencies": {},
+  "devDependencies": {}
+}

package.json

@@ -0,0 +1,41 @@
+{
+  "name": "nextui-vue",
+  "private": true,
+  "version": "2.0.0",
+  "license": "MIT",
+  "author": {
+    "name": "Joeycz",
+    "email": "[email protected]"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/Joeycz/nextui-vue"
+  },
+  "scripts": {
+    "dev": "pnpm sb",
+    "dev:docs": "turbo dev --filter=@nextui-vue/docs",
+    "build": "turbo build --filter=!@nextui-vue/docs --filter=!@nextui-vue/storybook",
+    "sb": "pnpm --filter @nextui-vue/storybook dev"
+  },
+  "pnpm": {
+    "overrides": {
+      "vue": "^3.4.21"
+    }
+  },
+  "engines": {
+    "node": ">=16.x",
+    "pnpm": ">=8.x"
+  },
+  "packageManager": "[email protected]",
+  "devDependencies": {
+    "@changesets/cli": "^2.27.1",
+    "@nextui-org/react": "^2.2.10",
+    "@storybook/vue3": "^7.6.17",
+    "react": "^18.2.0",
+    "tailwind-variants": "^0.2.0",
+    "tsup": "^8.0.2",
+    "turbo": "1.12.5",
+    "typescript": "^5.4.2",
+    "vue": "^3.4.21"
+  }
+}

packages/components/button/README.md

@@ -0,0 +1,29 @@
+{
+  "name": "@nextui-vue/button",
+  "version": "2.0.0",
+  "description": "Buttons allow users to perform actions and choose with a single tap.",
+  "keywords": [
+    "button"
+  ],
+  "author": "Joeycz <[email protected]>",
+  "license": "MIT",
+  "main": "src/index.ts",
+  "sideEffects": false,
+  "files": [
+    "dist"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "repository": {},
+  "bugs": {
+    "url": ""
+  },
+  "scripts": {
+    "build": "tsup src --dts"
+  },
+  "peerDependencies": {},
+  "dependencies": {},
+  "devDependencies": {},
+  "clean-package": ""
+}

packages/components/button/package.json

@@ -0,0 +1,15 @@
+import { defineComponent } from "vue";
+import {UseButtonProps} from "./use-button";
+
+export interface ButtonProps extends UseButtonProps {}
+
+const Button = defineComponent({
+  setup() {
+    return {}
+  },
+  render() {
+    return <div>button up</div>
+  }
+})
+
+export default Button;

packages/components/button/src/button.tsx

@@ -0,0 +1,5 @@
+import Button from "./button";
+
+export type {ButtonProps} from "./button";
+
+export {Button};

packages/components/button/src/index.ts

@@ -0,0 +1,3 @@
+interface Props {};
+
+export type UseButtonProps = Props;

packages/components/button/src/use-button.ts

@@ -0,0 +1,80 @@
+import Vue from "vue";
+import React from "react";
+import type { Meta } from "@storybook/vue3";
+
+import { Button, ButtonProps } from "../src";
+
+export default {
+  title: "Components/Button",
+  component: Button,
+  argTypes: {
+    variant: {
+      control: {
+        type: "select",
+      },
+      options: ["solid", "bordered", "light", "flat", "faded", "shadow", "ghost"],
+    },
+    color: {
+      control: {
+        type: "select",
+      },
+      options: ["default", "primary", "secondary", "success", "warning", "danger"],
+    },
+    size: {
+      control: {
+        type: "select",
+      },
+      options: ["sm", "md", "lg"],
+    },
+    spinnerPlacement: {
+      control: {
+        type: "select",
+      },
+      options: ["start", "end"],
+    },
+    fullWidth: {
+      control: {
+        type: "boolean",
+      },
+    },
+    radius: {
+      control: {
+        type: "select",
+      },
+      options: ["none", "sm", "md", "lg", "full"],
+    },
+    isDisabled: {
+      control: {
+        type: "boolean",
+      },
+    },
+    isLoading: {
+      control: {
+        type: "boolean",
+      },
+    },
+    disableAnimation: {
+      control: {
+        type: "boolean",
+      },
+    },
+  },
+} as Meta<typeof Button>;
+
+const defaultProps = {
+  children: "Button",
+  spinnerPlacement: "start",
+};
+
+const StateTemplate = (args: ButtonProps) => {
+  return (
+    <Button>open</Button>
+  );
+};
+
+export const Default = {
+  render: StateTemplate,
+  args: {
+    ...defaultProps,
+  },
+};

packages/components/button/stories/button.stories.tsx

@@ -0,0 +1,10 @@
+{
+  "extends": "../../../tsconfig.json",
+  "compilerOptions": {
+    "baseUrl": ".",
+    "paths": {
+      "tailwind-variants": ["../../../node_modules/tailwind-variants"]
+    },
+  },
+  "include": ["src", "index.ts"]
+}

packages/components/button/tsconfig.json

@@ -0,0 +1,8 @@
+import {defineConfig} from "tsup";
+
+export default defineConfig({
+  clean: true,
+  target: "es2019",
+  format: ["cjs", "esm"],
+  banner: {js: '"use client";'},
+});

packages/components/button/tsup.config.js

@@ -0,0 +1,15 @@
+# @nextui-vue/theme
+
+NextUI theme primitives, here you can find the TailwindCSS `plugin`, `colors`, `layout`, `spacing`, `typography` and some other utilities.
+
+Please refer to the [documentation](https://nextui.org/theme) for more information.
+
+## Installation
+
+```sh
+yarn add @nextui-vue/theme
+# or
+npm i @nextui-vue/theme
+# or
+pnpm add @nextui-vue/theme
+```

packages/core/theme/README.md

@@ -0,0 +1 @@
+export * from "./dist/colors";

packages/core/theme/colors.d.ts

@@ -0,0 +1 @@
+module.exports = require("./dist/colors");