Skip to content

Commit 9321338

Browse files
webdevnerdstuffwebdevnerdstuff
committed
Add pnpm
1 parent 01ee5f2 commit 9321338

File tree

5 files changed

+23
-8
lines changed

5 files changed

+23
-8
lines changed

‎README.md

Lines changed: 12 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1,18 +1,19 @@
1-
<!--
1+
22
<p align="center">
33
<img alt="Vuetify Logo" width="100" src="https://webdevnerdstuff.github.io/vuetify-resize-drawer/images/vuetify-logo-light-atom.svg">
4-
</p> -->
4+
</p>
55

66
<p>
77
<h1 align="center">Vuetify Resize Drawer</h1>
88
</p>
99

1010
<p align="center">
1111
<a href="https://www.npmjs.com/package/vuetify-resize-drawer">
12-
<img src="https://img.shields.io/badge/NPM%20-Package-%23cb3837" alt="NPM Package">
12+
<img src="https://img.shields.io/npm/v/vuetify-resize-drawer?color=1867c0&logo=npm" alt="NPM Package">
1313
</a>
14+
&nbsp;
1415
<a href="https://github.com/webdevnerdstuff">
15-
<img src="https://img.shields.io/badge/github-webdevnerdstuff-brightgreen.svg" alt="@WebDevNerdStuff">
16+
<img src="https://img.shields.io/badge/GitHub-WebDevNerdStuff-brightgreen.svg?logo=github" alt="@WebDevNerdStuff">
1617
</a>
1718
</p>
1819

@@ -24,13 +25,19 @@ The `vuetify-resize-drawer` component extends the functionality of the [v-naviga
2425

2526
## Installation
2627

28+
Using npm:
2729
```
2830
npm i vuetify-resize-drawer
2931
```
32+
33+
Using [pnpm](https://pnpm.io/):
34+
```
35+
pnpm add vuetify-resize-drawer
36+
```
3037

3138
## Documentation
3239

33-
[Documentation & Examples](https://webdevnerdstuff.github.io/vuetify-resize-drawer/)
40+
[Documentation & Demo](https://webdevnerdstuff.github.io/vuetify-resize-drawer/)
3441

3542
## Dependencies
3643

‎docs/index.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -3,4 +3,4 @@
33
function gtag() { dataLayer.push(arguments); }
44
gtag('js', new Date());
55

6-
gtag('config', 'UA-113524767-5');</script><meta name="base" content="https://webdevnerdstuff.github.io/vuetify-resize-drawer/"><meta name="charset" content="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><meta name="keywords" content="vuetify-resize-drawer, vuetifyResizeDrawer, v-resize-drawer, vResizeDrawer, vuetify, navigation drawer, v-navigation-drawer, vNavigationDrawer, api, drawer, resize, resizable, vue, vue2, component, javascript, webdevnerdstuff, wdns"><meta name="description" content="The vuetify-resize-drawer component extends the functionality of the v-navigation-drawer so that it is resizable by the user."><meta name="author" content="WebDevNerdStuff & Bunnies... lots and lots of bunnies! <webdevnerdstuff@gmail.com> (https://webdevnerdstuff.com)"><meta name="robots" content="index, follow"><meta name="googlebot" content="index, follow"><meta name="rating" content="General"><meta name="theme-color" content="#21252a"><meta name="og:type" content="website"><meta name="og:title" content="Vuetify Resize Drawer"><meta name="og:image" content="https://webdevnerdstuff.github.io/vuetify-resize-drawer/images/vuetify-resize-drawer-social.jpg"><meta name="og:image:alt" content="The vuetify-resize-drawer component extends the functionality of the v-navigation-drawer so that it is resizable by the user."><meta name="og:image:width" content="1200"><meta name="og:image:height" content="630"><meta name="og:description" content="The vuetify-resize-drawer component extends the functionality of the v-navigation-drawer so that it is resizable by the user."><meta name="og:site_name" content="Vuetify Resize Drawer"><meta name="og:locale" content="en_US"></head><body><noscript><strong>We're sorry but Vuetify Resize Drawer doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id="app"></div><script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous"></script><script defer="defer" src="vuetify-resize-drawer.js?9c9fe56b36ff2a42ea58"></script></body></html>
6+
gtag('config', 'UA-113524767-5');</script><meta name="base" content="https://webdevnerdstuff.github.io/vuetify-resize-drawer/"><meta name="charset" content="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><meta name="keywords" content="vuetify-resize-drawer, vuetifyResizeDrawer, v-resize-drawer, vResizeDrawer, vuetify, navigation drawer, v-navigation-drawer, vNavigationDrawer, api, drawer, resize, resizable, vue, vue2, component, javascript, webdevnerdstuff, wdns"><meta name="description" content="The vuetify-resize-drawer component extends the functionality of the v-navigation-drawer so that it is resizable by the user."><meta name="author" content="WebDevNerdStuff & Bunnies... lots and lots of bunnies! <webdevnerdstuff@gmail.com> (https://webdevnerdstuff.com)"><meta name="robots" content="index, follow"><meta name="googlebot" content="index, follow"><meta name="rating" content="General"><meta name="theme-color" content="#21252a"><meta name="og:type" content="website"><meta name="og:title" content="Vuetify Resize Drawer"><meta name="og:image" content="https://webdevnerdstuff.github.io/vuetify-resize-drawer/images/vuetify-resize-drawer-social.jpg"><meta name="og:image:alt" content="The vuetify-resize-drawer component extends the functionality of the v-navigation-drawer so that it is resizable by the user."><meta name="og:image:width" content="1200"><meta name="og:image:height" content="630"><meta name="og:description" content="The vuetify-resize-drawer component extends the functionality of the v-navigation-drawer so that it is resizable by the user."><meta name="og:site_name" content="Vuetify Resize Drawer"><meta name="og:locale" content="en_US"></head><body><noscript><strong>We're sorry but Vuetify Resize Drawer doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id="app"></div><script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous"></script><script defer="defer" src="vuetify-resize-drawer.js?a21355dc73590eec2ebe"></script></body></html>

‎docs/vuetify-resize-drawer.js

Lines changed: 2 additions & 2 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎src/App.vue

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -202,6 +202,7 @@ export default {
202202
links: {
203203
github: 'https://github.com/webdevnerdstuff',
204204
npm: 'https://www.npmjs.com/package/vuetify-resize-drawer',
205+
pnpm: 'https://pnpm.io/',
205206
repo: 'https://github.com/webdevnerdstuff/vuetify-resize-drawer',
206207
vue2: 'https://v2.vuejs.org',
207208
vuetify2: 'https://vuetifyjs.com/en',

‎src/components/Documentation.vue

Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -28,10 +28,17 @@
2828

2929
<v-row>
3030
<v-col cols="12">
31+
Using npm:
3132
<vue-code-highlight language="bash">
3233
<pre>npm i vuetify-resize-drawer</pre>
3334
</vue-code-highlight>
3435
</v-col>
36+
<v-col cols="12">
37+
Using <a :href="links.pnpm" target="_blank">pnpm</a>:
38+
<vue-code-highlight language="bash">
39+
<pre>pnpm add vuetify-resize-drawer</pre>
40+
</vue-code-highlight>
41+
</v-col>
3542
</v-row>
3643
</v-col>
3744
</v-row>

0 commit comments

Comments
 (0)