theme and CopyState const

Author: Jesse Haigh

src/components/ContentNode/CodeListing.vue

@@ -57,13 +57,19 @@
 import { escapeHtml } from 'docc-render/utils/strings';
 import Language from 'docc-render/constants/Language';
 import CodeBlock from 'docc-render/components/CodeBlock.vue';
-import CopyIcon from 'docc-render/components/Icons/CopyIcon.vue';
-import CheckmarkIcon from 'docc-render/components/Icons/CheckmarkIcon.vue';
-import CrossIcon from 'docc-render/components/Icons/CrossIcon.vue';
+import CopyIcon from 'theme/components/Icons/CopyIcon.vue';
+import CheckmarkIcon from 'theme/components/Icons/CheckmarkIcon.vue';
+import CrossIcon from 'theme/components/Icons/CrossIcon.vue';
 import { highlightContent, registerHighlightLanguage } from 'docc-render/utils/syntax-highlight';
 
 import CodeListingFilename from './CodeListingFilename.vue';
 
+const CopyState = {
+  idle: 'idle',
+  success: 'success',
+  failure: 'failure',
+};
+
 export default {
   name: 'CodeListing',
   components: {
@@ -76,7 +82,7 @@ export default {
   data() {
     return {
       syntaxHighlightedLines: [],
-      copyState: 'idle',
+      copyState: CopyState.idle,
     };
   },
   props: {
@@ -154,15 +160,15 @@ export default {
     copyCodeToClipboard() {
       navigator.clipboard.writeText(this.copyableText)
         .then(() => {
-          this.copyState = 'success';
+          this.copyState = CopyState.success;
         })
         .catch((err) => {
           console.error('Failed to copy text: ', err);
-          this.copyState = 'failure';
+          this.copyState = CopyState.failure;
         })
         .finally(() => {
           setTimeout(() => {
-            this.copyState = 'idle';
+            this.copyState = CopyState.idle;
           }, 1000);
         });
     },