@headlessui/vue - npm Package Compare versions

Comparing version 0.0.0 to 0.1.1

dist/components/menu/menu.d.ts

@@ -13,5 +13,5 @@ import { Ref } from 'vue';
     as: string;
-} & {}>, Readonly<{} & {
-    as?: string | undefined;
-}>>;
+} & {}>, {
+    as: string;
+}>;
 export declare const MenuButton: import("vue").DefineComponent<{
@@ -31,5 +31,5 @@ as: {
     as: string;
-} & {}>, Readonly<{} & {
-    as?: string | undefined;
-}>>;
+} & {}>, {
+    as: string;
+}>;
 export declare const MenuItems: import("vue").DefineComponent<{
@@ -51,6 +51,6 @@ as: {
     static: boolean;
-} & {}>, Readonly<{} & {
-    as?: string | undefined;
-    static?: boolean | undefined;
-}>>;
+} & {}>, {
+    as: string;
+    static: boolean;
+}>;
 export declare const MenuItem: import("vue").DefineComponent<{
@@ -88,8 +88,5 @@ as: {
     onClick?: Function | undefined;
-}>, Readonly<{} & {
-    as?: string | undefined;
-    disabled?: boolean | undefined;
-    class?: string | Function | undefined;
-    className?: string | Function | undefined;
-    onClick?: Function | undefined;
-}>>;
+}>, {
+    as: string;
+    disabled: boolean;
+}>;

package.json

 {
   "name": "@headlessui/vue",
-  "version": "0.0.0",
+  "version": "0.1.1",
   "main": "dist/index.js",
@@ -23,3 +23,4 @@ "typings": "dist/index.d.ts",
   "scripts": {
-    "playground": "vite",
+    "playground": "vite serve examples",
+    "playground:build": "NODE_ENV=production vite build examples",
     "build": "../../scripts/build.sh",
@@ -29,16 +30,20 @@ "test": "../../scripts/test.sh",
   },
+  "peerDependencies": {
+    "vue": "^3.0.0-rc.13"
+  },
   "devDependencies": {
     "@popperjs/core": "^2.4.4",
-    "@tailwindcss/ui": "^0.6.0",
+    "@tailwindcss/ui": "^0.6.2",
     "@testing-library/vue": "^5.0.4",
     "@types/debounce": "^1.2.0",
-    "@types/node": "^14.6.4",
-    "@vue/compiler-sfc": "^3.0.0-rc.10",
-    "@vue/test-utils": "^2.0.0-beta.4",
+    "@types/node": "^14.11.1",
+    "@vue/compiler-sfc": "3.0.0-rc.13",
+    "@vue/test-utils": "^2.0.0-beta.5",
     "husky": "^4.3.0",
-    "tailwindcss": "^1.8.8",
+    "tailwindcss": "^1.8.10",
     "tsdx": "^0.13.3",
     "vite": "^1.0.0-rc.4",
-    "vue": "^3.0.0-rc.10"
+    "vue": "^3.0.0-rc.13",
+    "vue-router": "^4.0.0-beta.10"
   }
 }

README.md

@@ -52,2 +52,4 @@ <h3 align="center">
 
+---
+
 ## Menu Button (Dropdown)
@@ -73,20 +75,12 @@
   <Menu>
-    <MenuButton>
-      More
-    </MenuButton>
+    <MenuButton> More </MenuButton>
     <MenuItems>
       <MenuItem v-slot="{ active }">
-        <a :class="{ 'bg-blue-500': active }" href="/account-settings">
-          Account settings
-        </a>
+        <a :class="{ 'bg-blue-500': active }" href="/account-settings"> Account settings </a>
       </MenuItem>
       <MenuItem v-slot="{ active }">
-        <a :class="{ 'bg-blue-500': active }" href="/account-settings">
-          Documentation
-        </a>
+        <a :class="{ 'bg-blue-500': active }" href="/account-settings"> Documentation </a>
       </MenuItem>
       <MenuItem v-slot="{ active }" disabled>
-        <span :class="{ 'bg-blue-500': active }">
-          Invite a friend (coming soon!)
-        </span>
+        <span :class="{ 'bg-blue-500': active }"> Invite a friend (coming soon!) </span>
       </MenuItem>
@@ -122,5 +116,3 @@ </MenuItems>
   <Menu>
-    <MenuButton>
-      More
-    </MenuButton>
+    <MenuButton> More </MenuButton>
     <MenuItems>
@@ -146,5 +138,3 @@ <!-- Use the `active` state to conditionally style the active item. -->
   <Menu>
-    <MenuButton>
-      More
-    </MenuButton>
+    <MenuButton> More </MenuButton>
 
@@ -154,5 +144,3 @@ <!-- By default, this will automatically show/hide when the MenuButton is pressed. -->
       <MenuItem v-slot="{ active }">
-        <a :class="{ 'bg-blue-500': active }" href="/account-settings">
-          Account settings
-        </a>
+        <a :class="{ 'bg-blue-500': active }" href="/account-settings"> Account settings </a>
       </MenuItem>
@@ -170,5 +158,3 @@ <!-- ... -->
   <Menu v-slot="{ open }">
-    <MenuButton>
-      More
-    </MenuButton>
+    <MenuButton> More </MenuButton>
 
@@ -179,5 +165,3 @@ <div v-show="open">
         <MenuItem v-slot="{ active }">
-          <a :class="{ 'bg-blue-500': active }" href="/account-settings">
-            Account settings
-          </a>
+          <a :class="{ 'bg-blue-500': active }" href="/account-settings"> Account settings </a>
         </MenuItem>
@@ -198,5 +182,3 @@ <!-- ... -->
   <Menu>
-    <MenuButton>
-      More
-    </MenuButton>
+    <MenuButton> More </MenuButton>
     <MenuItems>
@@ -219,5 +201,3 @@ <MenuItem disabled>
   <Menu>
-    <MenuButton>
-      More
-    </MenuButton>
+    <MenuButton> More </MenuButton>
     <transition
@@ -233,5 +213,3 @@ enter-active-class="transition duration-100 ease-out"
         <MenuItem v-slot="{ active }">
-          <a :class="{ 'bg-blue-500': active }" href="/account-settings">
-            Account settings
-          </a>
+          <a :class="{ 'bg-blue-500': active }" href="/account-settings"> Account settings </a>
         </MenuItem>
@@ -254,5 +232,3 @@ <!-- ... -->
   <Menu>
-    <MenuButton>
-      More
-    </MenuButton>
+    <MenuButton> More </MenuButton>
     <MenuItems>
@@ -264,5 +240,3 @@ <div class="px-4 py-3">
       <MenuItem v-slot="{ active }">
-        <a :class="{ 'bg-blue-500': active }" href="/account-settings">
-          Account settings
-        </a>
+        <a :class="{ 'bg-blue-500': active }" href="/account-settings"> Account settings </a>
       </MenuItem>
@@ -289,5 +263,3 @@ <!-- ... -->
   <Menu as="div">
-    <MenuButton>
-      More
-    </MenuButton>
+    <MenuButton> More </MenuButton>
     <!-- Render a `ul` instead of a `div` -->
@@ -297,5 +269,3 @@ <MenuItems as="ul">
       <MenuItem as="li" v-slot="{ active }">
-        <a href="/account-settings" :class="{ 'bg-blue-500': active }">
-          Account settings
-        </a>
+        <a href="/account-settings" :class="{ 'bg-blue-500': active }"> Account settings </a>
       </MenuItem>
@@ -315,11 +285,7 @@ <!-- ... -->
     <MenuButton as="template">
-      <button>
-        More
-      </button>
+      <button>More</button>
     </MenuButton>
     <MenuItems>
       <MenuItem v-slot="{ active }">
-        <a href="/account-settings" :class="{ 'bg-blue-500': active }">
-          Account settings
-        </a>
+        <a href="/account-settings" :class="{ 'bg-blue-500': active }"> Account settings </a>
       </MenuItem>
@@ -348,5 +314,5 @@ <!-- ... -->
 
-| Prop | Type                | Default                           | Description                                                |
-| ---- | ------------------- | --------------------------------- | ---------------------------------------------------------- |
-| `as` | String \| Component | `template` _(no wrapper element_) | The element or component the `MenuItems` should render as. |
+| Prop | Type                | Default                           | Description                                           |
+| ---- | ------------------- | --------------------------------- | ----------------------------------------------------- |
+| `as` | String \| Component | `template` _(no wrapper element_) | The element or component the `Menu` should render as. |
 
@@ -370,5 +336,5 @@ ##### Slot props
 
-| Prop | Type                | Default  | Description                                                |
-| ---- | ------------------- | -------- | ---------------------------------------------------------- |
-| `as` | String \| Component | `button` | The element or component the `MenuItems` should render as. |
+| Prop | Type                | Default  | Description                                                 |
+| ---- | ------------------- | -------- | ----------------------------------------------------------- |
+| `as` | String \| Component | `button` | The element or component the `MenuButton` should render as. |
 
@@ -375,0 +341,0 @@ ##### Slot props

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Worsened metrics

Total package byte prevSize

257448

decreased by-0.14%

Dependency count

1

increased byInfinity%

Dev dependency count

13

increased by8.33%

Lines of code

1937

decreased by-0.15%

Number of lines in readme file

375

decreased by-8.31%

No dependency changes