init FontsUnit popup block

.changeset/shiny-keys-matter.md

@@ -0,0 +1,5 @@
+---
+'snable': patch
+---
+
+init `FontsUnit` popup block

src/components/modules/popup/FontsUnit.tsx

@@ -0,0 +1,5 @@
+import Unit from '~/UI/Unit'
+
+export default function FontsUnit() {
+  return <Unit token="fonts">шрифты</Unit>
+}

src/modules/popup/Popup.tsx

@@ -1,10 +1,10 @@
 import Layout from '~/Global/Layout'
-import Unit from '~/UI/Unit'
+import FontsUnit from '~~popup/FontsUnit'
 
 export function Popup() {
   return (
     <Layout>
-      <Unit token="fonts">шрифты</Unit>
+      <FontsUnit />
     </Layout>
   )
 }

tsconfig.json

@@ -20,6 +20,7 @@
     "paths": {
       "@/*": ["./src/*"],
       "~/*": ["./src/components/*"],
+      "~~popup/*": ["./src/components/modules/popup/*"],
       "$/*": ["./src/assets/*"]
     }
   },

vite.config.ts

@@ -32,6 +32,7 @@ export default defineConfig(({mode}) => {
       alias: {
         '@': resolve(__dirname, './src'),
         '~': resolve(__dirname, './src/components'),
+        '~~popup': resolve(__dirname, './src/components/modules/popup'),
         $: resolve(__dirname, './src/assets/'),
       },
     },