mediacube-ui-v2 0.0.103 → 0.0.105

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/README.md CHANGED
@@ -43,6 +43,7 @@ export default defineNuxtPlugin( (nuxtApp) => {
43
43
  // nuxt.config.ts
44
44
  css: ['mediacube-ui-v2/style', 'mediacube-ui-v2/font']
45
45
 
46
+
46
47
  ```
47
48
  ### Vue@3.X
48
49
  ```ts
@@ -71,6 +72,18 @@ app.use(MediacubeUi, {
71
72
  })
72
73
  ```
73
74
 
75
+ ## Svg icons
76
+ For quick access to the icon sprite, it must be embedded directly into the markup, in the body tag
77
+
78
+ ```vue
79
+ import mediacubeUiIconsSprite from 'mediacube-ui-v2/sprite?raw'
80
+
81
+ ...
82
+ <span v-html="mediacubeUiIconsSprite" id="ui-svg-sprite" />
83
+ ...
84
+
85
+ ```
86
+
74
87
  ## Type Support for `.vue` Imports in TS
75
88
 
76
89
  TypeScript cannot handle type information for `.vue` imports by default, so we replace the `tsc` CLI with `vue-tsc` for type checking.
@@ -43,6 +43,7 @@ export default defineNuxtPlugin( (nuxtApp) => {
43
43
  // nuxt.config.ts
44
44
  css: ['mediacube-ui-v2/style', 'mediacube-ui-v2/font']
45
45
 
46
+
46
47
  ```
47
48
  ### Vue@3.X
48
49
  ```ts
@@ -71,6 +72,18 @@ app.use(MediacubeUi, {
71
72
  })
72
73
  ```
73
74
 
75
+ ## Svg icons
76
+ For quick access to the icon sprite, it must be embedded directly into the markup, in the body tag
77
+
78
+ ```vue
79
+ import mediacubeUiIconsSprite from 'mediacube-ui-v2/sprite?raw'
80
+
81
+ ...
82
+ <span v-html="mediacubeUiIconsSprite" id="ui-svg-sprite" />
83
+ ...
84
+
85
+ ```
86
+
74
87
  ## Type Support for `.vue` Imports in TS
75
88
 
76
89
  TypeScript cannot handle type information for `.vue` imports by default, so we replace the `tsc` CLI with `vue-tsc` for type checking.