This repository was archived by the owner on Dec 20, 2023. It is now read-only.
File tree Expand file tree Collapse file tree 3 files changed +40
-4
lines changed Expand file tree Collapse file tree 3 files changed +40
-4
lines changed Original file line number Diff line number Diff line change 1
- # Nuxt Module
1
+ # @cssninja/nuxt-media-viewer
2
+
3
+ A media viewer for public assets in Nuxt.js
4
+
5
+ ## Features
6
+
7
+ - Preview assets with their meta data
8
+ - Generate snippets for responsive/retina images
9
+ - Generate and customize inline SVG from your assets
10
+
11
+
12
+ ## Installation
13
+
14
+ 1 . Add ` @cssninja/nuxt-media-viewer ` dependency to your project
15
+ ``` bash
16
+ # Using pnpm
17
+ pnpm add -D @cssninja/nuxt-media-viewer
18
+
19
+ # Using yarn
20
+ pnpm add -D @cssninja/nuxt-media-viewer
21
+
22
+ # Using npm
23
+ npm install --save-dev @cssninja/nuxt-media-viewer
24
+ ```
25
+
26
+ 2 . Add ` @cssninja/nuxt-media-viewer ` to the ` modules ` section of ` nuxt.config.js `
27
+
28
+ ``` ts
29
+ export default defineNuxtConfig ({
30
+ modules: [
31
+ ' @cssninja/nuxt-media-viewer'
32
+ ]
33
+ })
34
+ ```
35
+
36
+ 3 . Go to the media viewer page and start previewing your assets at [ http://localhost:3000/_media-viewer ] ( http://localhost:3000/_media-viewer )
37
+
2
38
3
39
## Development
4
40
Original file line number Diff line number Diff line change 1
1
{
2
- "name" : " my-module " ,
3
- "version" : " 1. 0.0" ,
2
+ "name" : " @cssninja/nuxt-media-viewer " ,
3
+ "version" : " 0.0.1 " ,
4
4
"license" : " MIT" ,
5
5
"type" : " module" ,
6
6
"exports" : {
Original file line number Diff line number Diff line change @@ -6,7 +6,7 @@ import consola from 'consola'
6
6
7
7
export default defineNuxtModule ( {
8
8
meta : {
9
- name : 'media-viewer'
9
+ name : '@cssninja/nuxt- media-viewer'
10
10
} ,
11
11
defaults : {
12
12
installIpxMiddleware : true
You can’t perform that action at this time.
0 commit comments