https://github.com/learncodingeasy/vue-prism

vue-prism
https://github.com/learncodingeasy/vue-prism

prism prism-vue prisma vue vue-cli vue-prism-component vue2 vue3 vuejs vuejs2

Last synced: 6 months ago
JSON representation

vue-prism

• Host: GitHub
• URL: https://github.com/learncodingeasy/vue-prism
• Owner: LearnCodingEasy
• Created: 2022-08-13T13:23:17.000Z (over 3 years ago)
• Default Branch: main
• Last Pushed: 2022-08-13T13:29:14.000Z (over 3 years ago)
• Last Synced: 2025-03-17T14:50:17.780Z (10 months ago)
• Topics: prism, prism-vue, prisma, vue, vue-cli, vue-prism-component, vue2, vue3, vuejs, vuejs2
• Homepage:
• Size: 1000 Bytes
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# vue-prism

# INSTALL

```

npm i prismjs

```

```

npm i vue-prism-component

```

# IMPORT

#### import in File Main.js To Make Prism Global For Using In App

```

import 'prismjs

```

# Can You Chose Theme

```

import "prismjs/themes/prism-coy.css";

```

```

import "prismjs/themes/prism-dark.css";

```

```

import "prismjs/themes/prism-okaidia.css";

```

```

import "prismjs/themes/prism-solarizedlight.css";

```

```

import "prismjs/themes/prism-tomorrow.css";

```

```

import "prismjs/themes/prism-twilight.css";

```

```

import "prismjs/themes/prism.css";

```

# USE

#### Html

```

{{ code }}

```

#### Import

```

import Prism from "vue-prism-component";

```

#### Data

```

Data(){

    return{

        code: "const a = b",

    }

},

```

#### Components

```

components: {Prism,},

```