fix: no shadow nvm

Author: Rettend

README.md

@@ -1,5 +1,7 @@
 # vue-text-styler
 
+[![Netlify Status](https://api.netlify.com/api/v1/badges/15c71247-48b5-4bc5-afd4-2057bf183d43/deploy-status)](https://app.netlify.com/sites/vue-text-styler/deploys)
+
 [Demo](https://vue-text-styler.netlify.app/)
 
 ## 📦 Install

netlify.toml

@@ -1,4 +1,4 @@
 [build]
 base = "/playground/"
 command = "vite build"
-publish = "/playground/dist"
+publish = "dist"

package.json

@@ -40,7 +40,7 @@
     "lint": "eslint .",
     "lint:fix": "pnpm run lint --fix",
     "typecheck": "tsc --noEmit",
-    "release": "bumpp && pnpm publish"
+    "release": "unbuild && bumpp && pnpm publish"
   },
   "dependencies": {
     "isomorphic-dompurify": "^1.5.0",
@@ -49,14 +49,12 @@
   "devDependencies": {
     "@antfu/eslint-config": "^0.38.6",
     "@iconify-json/ph": "^1.1.5",
-    "@iconify/utils": "^2.1.5",
     "@types/dompurify": "^3.0.2",
     "@types/node": "^20.1.4",
     "@vitejs/plugin-vue": "^4.2.3",
     "@vueuse/core": "^10.1.2",
     "bumpp": "^9.1.0",
     "eslint": "^8.40.0",
-    "icon-shadow": "^1.0.5",
     "typescript": "^5.0.4",
     "unbuild": "^1.2.1",
     "unocss": "^0.52.3",

playground/public/PhInfoBold.svg

@@ -135,21 +135,26 @@ function handleEnter(e: KeyboardEvent, index: number) {
       <div>
         <h1>TextStyler Playground</h1>
         <div flex="~ row" gap-2 items-center>
-          <div i-shadow:ph-info-bold w-8 h-8 text-blue-6 />
+          <div i-ph-info-bold w-6 h-6 text-blue-6 />
           Change the inputs' values and the styling will be updated.
         </div>
       </div>
       <div
-        w-10 h-10 cursor-pointer mt-6 text-red-6 dark:text-red-5
-        :class="isDark ? 'i-shadow:ph-moon-bold md:mr-2' : 'i-shadow:ph-sun-bold'" @click="toggleDark()"
+        w-8 h-8 cursor-pointer mt-6 text-red-6 dark:text-red-5
+        :class="isDark ? 'i-ph-moon-bold' : 'i-ph-sun-bold'" @click="toggleDark()"
       />
     </div>
     <div v-for="(example, index) in examples" :key="index" flex="~ col md:row" gap-2>
       <div flex-1 bg-gray-1 dark:bg-dark-4 rounded-xl p-3 w="auto md:1" justify-between>
         <h2>{{ index + 1 }}. {{ example.info }}</h2>
         <TextStyler
-          v-model:text="example.text" :special="example.special" :track="example.track" :line="example.line"
-          :readonly="example.readonly" p-3 bg-gray-2 dark:bg-dark-3 rounded-xl @tracked="example.tracked = $event"
+          v-model:text="example.text"
+          :special="example.special"
+          :track="example.track"
+          :line="example.line"
+          :readonly="example.readonly"
+          p-3 bg-gray-2 dark:bg-dark-3 rounded-xl
+          @tracked="example.tracked = $event"
           @keydown.enter="handleEnter($event, index)"
         />
         <p>

playground/public/PhMoonBold.svg

@@ -5,7 +5,6 @@
 .dark::-webkit-scrollbar {
   background-color: #202324;
   color: #aba499;
-  width: 10px;
 }
 
 .dark::-webkit-scrollbar-corner {

playground/public/PhSunBold.svg

@@ -1,21 +1,12 @@
 import { defineConfig, presetAttributify, presetIcons, presetUno, presetWebFonts, transformerDirectives } from 'unocss'
-import { FileSystemIconLoader } from '@iconify/utils/lib/loader/node-loaders'
-import { insertShadow } from 'icon-shadow'
 
 export default defineConfig({
   presets: [
     presetUno(),
     presetAttributify(),
     presetIcons({
       collections: {
-        shadow: FileSystemIconLoader(
-          './playground/public',
-          svg => insertShadow(svg, {
-            stdDeviation: 2,
-            opacity: 0.3,
-            viewBoxScale: 1.5,
-          }),
-        ),
+        ph: () => import('@iconify-json/ph/icons.json').then(i => i.default),
       },
     }),
     presetWebFonts({