refactor: make the props computed values

Hetari · Hetari · commit 8c1fe336f1a1 · 2024-10-04T18:24:22.000+03:00
diff --git a/src/App.vue b/src/App.vue
@@ -1,9 +1,9 @@
 <template>
   Test:
   <CodeBlock
-    theme="none"
+    theme="dracula"
     :code="code"
-    language="python"
+    language="js"
     :numbered="true"
     file-name="">
   </CodeBlock>
@@ -16,19 +16,16 @@
 </template>
 
 <script setup lang="ts">
+  // import { CodeBlock } from '../dist';
+
   import { CodeBlock } from './components/code-block';
 
   // import { Prism } from './components/prism-langs';
   // const langs = ref(Object.keys(Prism.languages));
 
   const code = `print("Hello, World!")
-  s = 2
-  sdsd = 3
+s = 2
+def add(a, b):
+const ant = 1
 `;
 </script>
-
-<style>
-  body {
-    /* background-color: #000; */
-  }
-</style>
diff --git a/src/components/code-block/CodeBlock.vue b/src/components/code-block/CodeBlock.vue
@@ -68,13 +68,6 @@
     }
   );
 
-  // watch(
-  //   () => props.language,
-  //   () => {
-  //     addThemeToCodeBlock(codeBlock.value, currentTheme.value);
-  //   }
-  // );
-
   defineComponent<codeBlockInstance>({
     name: 'CodeBlock',
     props: codeBlockProps(),
diff --git a/src/types/code-block.d.ts b/src/types/code-block.d.ts
@@ -38,59 +38,59 @@ declare module 'code-block' {
     | 'none';
 
   type SupportedLanguage =
-    | 'plain'
-    | 'plaintext'
-    | 'text'
-    | 'txt'
-    | 'extend'
-    | 'insertBefore'
-    | 'DFS'
-    | 'markup'
+    | 'plain' //
+    | 'plaintext' //
+    | 'text' //
+    | 'txt' //
+    | 'extend' //
+    | 'insertBefore' //
+    | 'DFS' //
+    | 'markup' //
     | 'html'
-    | 'mathml'
+    | 'mathml' //
     | 'svg'
-    | 'xml'
-    | 'ssml'
+    | 'xml' //
+    | 'ssml' //
     | 'atom'
-    | 'rss'
+    | 'rss' //
     | 'css'
-    | 'clike'
+    | 'clike' //
     | 'javascript'
     | 'js'
     | 'regex'
-    | 'actionscript'
+    | 'actionscript' //
     | 'coffeescript'
-    | 'coffee'
-    | 'javadoclike'
-    | 'yaml'
-    | 'yml'
+    | 'coffee' //
+    | 'javadoclike' //
+    | 'yaml' //
+    | 'yml' //
     | 'markdown'
     | 'md'
     | 'graphql'
-    | 'sql'
+    | 'sql' //
     | 'typescript'
     | 'ts'
-    | 'jsdoc'
-    | 'flow'
-    | 'n4js'
-    | 'n4jsd'
-    | 'jsx'
-    | 'tsx'
+    | 'jsdoc' //
+    | 'flow' //
+    | 'n4js' //
+    | 'n4jsd' //
+    | 'jsx' //
+    | 'tsx' //
     | 'swift'
     | 'kotlin'
-    | 'kt'
-    | 'kts'
+    | 'kt' //
+    | 'kts' //
     | 'c'
-    | 'objectivec'
-    | 'objc'
-    | 'reason'
+    | 'objectivec' //
+    | 'objc' //
+    | 'reason' //
     | 'rust'
     | 'go'
     | 'cpp'
     | 'python'
     | 'py'
-    | 'json'
-    | 'webmanifest'
+    | 'json' //
+    | 'webmanifest' //
     | 'java';
 
   const CodeBlockType: DefineComponent<CodeBlockProps>;
diff --git a/tsconfig.tsbuildinfo b/tsconfig.tsbuildinfo
@@ -1 +1 @@
-{"root":["./src/index.ts","./src/main.ts","./src/components/components.ts","./src/components/index.ts","./src/components/prism-langs.ts","./src/components/utils.ts","./src/components/code/index.ts","./src/components/code/types.ts","./src/components/code/use-code.ts","./src/components/code-block/index.ts","./src/components/code-block/types.ts","./src/components/code-block/use-code-block.ts","./src/components/generate-prism-languages/index.ts","./src/components/line/index.ts","./src/components/line/types.ts","./src/components/line/use-line.ts","./src/types/code-block.d.ts","./src/types/code.d.ts","./src/types/line.d.ts","./src/App.vue","./src/components/code/Code.vue","./src/components/code-block/CodeBlock.vue","./src/components/line/Line.vue"],"version":"5.6.2"}
+{"root":["./src/index.ts","./src/main.ts","./src/components/components.ts","./src/components/index.ts","./src/components/prism-langs.ts","./src/components/utils.ts","./src/components/code-block/index.ts","./src/components/code-block/types.ts","./src/components/code-block/use-code-block.ts","./src/components/generate-prism-languages/index.ts","./src/components/themes/index.ts","./src/types/code-block.d.ts","./src/App.vue","./src/components/code-block/CodeBlock.vue"],"version":"5.6.2"}

Original file line number	Diff line number	Diff line change
`@@ -1 +1 @@`
`1`		-{"root":["./src/index.ts","./src/main.ts","./src/components/components.ts","./src/components/index.ts","./src/components/prism-langs.ts","./src/components/utils.ts","./src/components/code/index.ts","./src/components/code/types.ts","./src/components/code/use-code.ts","./src/components/code-block/index.ts","./src/components/code-block/types.ts","./src/components/code-block/use-code-block.ts","./src/components/generate-prism-languages/index.ts","./src/components/line/index.ts","./src/components/line/types.ts","./src/components/line/use-line.ts","./src/types/code-block.d.ts","./src/types/code.d.ts","./src/types/line.d.ts","./src/App.vue","./src/components/code/Code.vue","./src/components/code-block/CodeBlock.vue","./src/components/line/Line.vue"],"version":"5.6.2"}
	`1`	`+{"root":["./src/index.ts","./src/main.ts","./src/components/components.ts","./src/components/index.ts","./src/components/prism-langs.ts","./src/components/utils.ts","./src/components/code-block/index.ts","./src/components/code-block/types.ts","./src/components/code-block/use-code-block.ts","./src/components/generate-prism-languages/index.ts","./src/components/themes/index.ts","./src/types/code-block.d.ts","./src/App.vue","./src/components/code-block/CodeBlock.vue"],"version":"5.6.2"}`