add: all languages supported types

Hetari · Hetari · commit 990d06f84341 · 2024-10-03T02:28:36.000+03:00
diff --git a/src/App.vue b/src/App.vue
@@ -4,7 +4,7 @@
     class="my-class"
     id="my-id"
     :code="code"
-    language="py"
+    language="python"
     code-class="codeClass"
     :lines-highlighted="[1, 2]"
     :words-highlighted="['log']"
diff --git a/src/components/code-block/types.ts b/src/components/code-block/types.ts
@@ -4,6 +4,7 @@ import type {
   MaybeRefOrGetter,
   PropType
 } from 'vue';
+import { AllLanguagesSupported } from '../utils';
 
 // Props goes here
 export const codeBlockProps = () =>
@@ -23,7 +24,7 @@ export const codeBlockProps = () =>
       required: true
     },
     language: {
-      type: String as PropType<string>,
+      type: String as PropType<AllLanguagesSupported>,
       required: false,
       default: 'markup'
     },
diff --git a/src/components/utils.ts b/src/components/utils.ts
@@ -1,6 +1,25 @@
 import 'prismjs/themes/prism.min.css';
-// import 'prismjs/themes/prism-con.min.css';
 import { Prism } from './prism-langs';
+// import 'prismjs/themes/prism-con.min.css';
+
+export type AllLanguagesSupported =
+  'markup' |
+  'jsx' |
+  'tsx' |
+  'swift' |
+  'kotlin' |
+  'objectivec' |
+  'js-extras' |
+  'reason' |
+  'rust' |
+  'graphql' |
+  'yaml' |
+  'go' |
+  'cpp' |
+  'markdown' |
+  'python' |
+  'json';
+
 
 export function highlightedCode(code: string, language: string) {
   if (code === null || code === undefined) {
@@ -12,10 +31,10 @@ export function highlightedCode(code: string, language: string) {
   }
 
   // Check if the language is registered, fallback to 'markup' if not found
-  const prismLanguage = Prism.languages[language] || Prism.languages.markup;
+  const prismLanguage = Prism.languages[language];
 
-  console.log("Prism component for language '" + language + "' was not found.");
   if (!prismLanguage) {
+    console.log("Prism component for language '" + language + "' was not found.");
     throw new Error(
       `Prism component for language "${language}" was not found. Report this issue at https://github.com/hetari/vuejs-code-block`
     );
