@vuetify/vue-repl 1.4.3 → 1.6.0

package/dist/repl.d.ts

@@ -117,6 +117,7 @@ export declare class ReplStore implements Store {
     setFiles(newFiles: Record<string, string>, mainFile?: string): Promise<void>;
     private forceSandboxReset;
     private initImportMap;
+    private initLinks;
     getImportMap(): any;
     setImportMap(map: {
         imports: Record<string, string>;
@@ -124,6 +125,7 @@ export declare class ReplStore implements Store {
     }): void;
     setVueVersion(version: string): Promise<void>;
     resetVueVersion(): void;
+    getLinks(): any;
 }
 
 export declare interface SFCOptions {
@@ -144,6 +146,7 @@ export declare interface Store {
     getImportMap: () => any;
     initialShowOutput: boolean;
     initialOutputMode: OutputModes;
+    getLinks: () => any;
 }
 
 export declare interface StoreOptions {

package/dist/style.css

@@ -1,25 +1,25 @@
 
-.split-pane[data-v-85bdcf2d] {
+.split-pane[data-v-09a71c4b] {
   display: flex;
   height: 100%;
   position: relative;
 }
-.split-pane.dragging[data-v-85bdcf2d] {
+.split-pane.dragging[data-v-09a71c4b] {
   cursor: ew-resize;
 }
-.dragging .left[data-v-85bdcf2d],
-.dragging .right[data-v-85bdcf2d] {
+.dragging .left[data-v-09a71c4b],
+.dragging .right[data-v-09a71c4b] {
   pointer-events: none;
 }
-.left[data-v-85bdcf2d],
-.right[data-v-85bdcf2d] {
+.left[data-v-09a71c4b],
+.right[data-v-09a71c4b] {
   position: relative;
   height: 100%;
 }
-.left[data-v-85bdcf2d] {
+.left[data-v-09a71c4b] {
   border-right: 1px solid var(--border);
 }
-.dragger[data-v-85bdcf2d] {
+.dragger[data-v-09a71c4b] {
   position: absolute;
   z-index: 3;
   top: 0;
@@ -28,7 +28,7 @@
   width: 10px;
   cursor: ew-resize;
 }
-.toggler[data-v-85bdcf2d] {
+.toggler[data-v-09a71c4b] {
   display: none;
   z-index: 3;
   font-family: var(--font-code);
@@ -45,13 +45,13 @@
 
 /* vertical */
 @media (min-width: 721px) {
-.split-pane.vertical[data-v-85bdcf2d] {
+.split-pane.vertical[data-v-09a71c4b] {
     display: block;
 }
-.split-pane.vertical.dragging[data-v-85bdcf2d] {
+.split-pane.vertical.dragging[data-v-09a71c4b] {
     cursor: ns-resize;
 }
-.vertical .dragger[data-v-85bdcf2d] {
+.vertical .dragger[data-v-09a71c4b] {
     top: auto;
     height: 10px;
     width: 100%;
@@ -60,11 +60,11 @@
     bottom: -5px;
     cursor: ns-resize;
 }
-.vertical .left[data-v-85bdcf2d],
-  .vertical .right[data-v-85bdcf2d] {
+.vertical .left[data-v-09a71c4b],
+  .vertical .right[data-v-09a71c4b] {
     width: 100%;
 }
-.vertical .left[data-v-85bdcf2d] {
+.vertical .left[data-v-09a71c4b] {
     border-right: none;
     border-bottom: 1px solid var(--border);
 }
@@ -72,38 +72,38 @@
 
 /* mobile */
 @media (max-width: 720px) {
-.left[data-v-85bdcf2d],
-  .right[data-v-85bdcf2d] {
+.left[data-v-09a71c4b],
+  .right[data-v-09a71c4b] {
     width: 100% !important;
     height: 100% !important;
 }
-.dragger[data-v-85bdcf2d] {
+.dragger[data-v-09a71c4b] {
     display: none;
 }
-.split-pane .toggler[data-v-85bdcf2d] {
+.split-pane .toggler[data-v-09a71c4b] {
     display: block;
 }
-.split-pane .right[data-v-85bdcf2d] {
+.split-pane .right[data-v-09a71c4b] {
     display: none;
 }
-.split-pane.show-output .right[data-v-85bdcf2d] {
+.split-pane.show-output .right[data-v-09a71c4b] {
     display: block;
 }
-.split-pane.show-output .left[data-v-85bdcf2d] {
+.split-pane.show-output .left[data-v-09a71c4b] {
     display: none;
 }
 }
 
-.remove[data-v-70ecc744] {
+.remove[data-v-ca5e80cf] {
   align-self: flex-end;
 }
-.file.import-map[data-v-70ecc744] {
+.file.import-map[data-v-ca5e80cf] {
   /*position: sticky;*/
   /*right: 0;*/
   margin-left: auto;
   background: rgb(var(--v-theme-background)) !important;
 }
-.file.pending input[data-v-70ecc744] {
+.file.pending input[data-v-ca5e80cf] {
   width: 90px;
   height: 30px;
   line-height: 30px;
@@ -367,6 +367,9 @@
 .cm-s-default .cm-meta {
   color: #555;
 }
+.cm-s-default .cm-mustache {
+  color: var(--base);
+}
 .cm-s-default .cm-qualifier {
   color: var(--qualifier);
 }
@@ -639,6 +642,46 @@ span.CodeMirror-selectedtext {
   background: none;
 }
 
+/* Emmet */
+.emmet-abbreviation {
+  border-bottom: 1px solid rgba(0, 180, 0, 0.3);
+  border-radius: 2px;
+}
+
+.emmet-abbreviation-preview {
+  background: #111;
+  border-radius: 4px;
+  overflow: hidden;
+  z-index: 2;
+}
+
+.emmet-abbreviation-preview .CodeMirror-cursors {
+  display: none;
+}
+
+.emmet-abbreviation-preview .CodeMirror-vscrollbar {
+  overflow: hidden;
+}
+
+.emmet-abbreviation-preview .CodeMirror-sizer {
+  border-right: 0;
+}
+
+.emmet-open-tag, .emmet-close-tag {
+  text-decoration: underline;
+}
+
+.emmet-tag-preview {
+  background: #117700;
+  color: #ffffff;
+  border-radius: 2px;
+  padding: 2px 4px;
+  font-size: 0.8em;
+  opacity: 0.6;
+  margin-top: -16px;
+  margin-left: 2px;
+}
+
 .editor {
   position: relative;
   height: 100%;
@@ -720,14 +763,14 @@ pre[data-v-92411507] {
   transform: translate(0, 10px);
 }
 
-.editor-container[data-v-0384e940] {
+.editor-container[data-v-03485b48] {
   height: calc(100% - var(--header-height));
   overflow: hidden;
   position: relative;
 }
 
-.iframe-container[data-v-21e1de24],
-.iframe-container[data-v-21e1de24] iframe {
+.iframe-container[data-v-574b6cff],
+.iframe-container[data-v-574b6cff] iframe {
   width: 100%;
   height: 100%;
   border: none;