Use pnpm internally now

Author: holtwick

.gitignore

@@ -1,3 +1,5 @@
 src/tmp
 node_modules
-dist
+dist
+pnpm-lock.yaml
+package-lock.json

package.json

@@ -19,19 +19,19 @@
   ],
   "dependencies": {
     "@popperjs/core": "^2.9.2",
-    "@vueuse/core": "^4.7.0",
+    "@vueuse/core": "^4.8.1",
     "vue": "^3.0.11"
   },
   "devDependencies": {
     "@types/dom-screen-wake-lock": "^1.0.0",
-    "@types/node": "^14.14.37",
+    "@types/node": "^14.14.39",
     "@vitejs/plugin-vue": "^1.2.1",
     "@vue/compiler-sfc": "^3.0.11",
     "@vuedx/typecheck": "^0.6.3",
     "@vuedx/typescript-plugin-vue": "^0.6.3",
     "prettier": "^2.2.1",
     "rollup-plugin-typescript2": "0.30.0",
-    "typescript": "^4.2.3",
+    "typescript": "^4.2.4",
     "vite": "^2.1.5"
   }
 }

src/tw-notification.vue

@@ -4,22 +4,24 @@
       <div class="tw-notification" v-for="n in notifications" :key="n.id">
         <div class="tw-notification-header">
           <div class="tw-notification-title">{{ n.title }}</div>
-          <div class="tw-notification-close"><slot name="close">
-            <svg
-              xmlns="http://www.w3.org/2000/svg"
-              width="24"
-              height="24"
-              viewBox="0 0 24 24"
-              fill="none"
-              stroke="currentColor"
-              stroke-width="2"
-              stroke-linecap="round"
-              stroke-linejoin="round"
-            >
-              <line x1="18" y1="6" x2="6" y2="18"></line>
-              <line x1="6" y1="6" x2="18" y2="18"></line>
-            </svg>
-          </slot></div>
+          <div class="tw-notification-close">
+            <slot name="close">
+              <svg
+                xmlns="http://www.w3.org/2000/svg"
+                width="24"
+                height="24"
+                viewBox="0 0 24 24"
+                fill="none"
+                stroke="currentColor"
+                stroke-width="2"
+                stroke-linecap="round"
+                stroke-linejoin="round"
+              >
+                <line x1="18" y1="6" x2="6" y2="18"></line>
+                <line x1="6" y1="6" x2="18" y2="18"></line>
+              </svg>
+            </slot>
+          </div>
         </div>
         <div class="tw-notification-message">{{ n.message }}</div>
       </div>