chore: upgrade deps and lint

Author: farnabaz

.eslintignore

@@ -0,0 +1,2 @@
+dist
+node_modules

.eslintrc

@@ -0,0 +1,10 @@
+{
+  "root": true,
+  "extends": ["@nuxt/eslint-config"],
+  "rules": {
+    "semi": ["error", "never"],
+    "quotes": ["error", "single"],
+    "quote-props": ["error", "as-needed"],
+    "vue/multi-word-component-names": "off"
+  }
+}

.eslintrc.json

@@ -0,0 +1,2 @@
+shamefully-hoist=true
+strict-peer-dependencies=false

.npmrc

@@ -3,25 +3,35 @@
   "version": "0.1.0",
   "license": "MIT",
   "description": "Integrate Docus Markdown with Monaco Editor",
-  "main": "./dist/index.js",
+  "main": "./dist/index.mjs",
   "module": "./dist/index.mjs",
   "types": "./dist/index.d.ts",
   "files": [
     "dist"
   ],
   "scripts": {
     "dev": "vite -c playground/vite.config.js",
+    "lint": "eslint .",
     "build": "unbuild"
   },
   "devDependencies": {
-    "@antfu/utils": "^0.3.0",
-    "@vitejs/plugin-vue": "^1.9.4",
-    "@vue/compiler-sfc": "^3.2.21",
-    "@vueuse/core": "^6.7.4",
-    "monaco-editor": "^0.29.1",
-    "monaco-editor-core": "^0.29.2",
-    "unbuild": "^0.5.11",
-    "vite": "^2.6.13",
-    "vue": "^3.2.21"
+    "@antfu/utils": "^0.7.6",
+    "@nuxt/eslint-config": "^0.2.0",
+    "@vitejs/plugin-vue": "^4.3.4",
+    "@vue/compiler-sfc": "^3.3.4",
+    "@vueuse/core": "^10.4.1",
+    "eslint": "^8.48.0",
+    "monaco-editor": "^0.41.0",
+    "monaco-editor-core": "^0.41.0",
+    "unbuild": "^2.0.0",
+    "vite": "^4.4.9",
+    "vue": "^3.3.4"
+  },
+  "build": {
+    "entries": [
+      "./src/index"
+    ],
+    "externals": ["monaco-editor-core"],
+    "declaration": true
   }
 }

build.config.ts

@@ -1,6 +1,12 @@
 <template>
-  <div class="h-full default-theme" :push-other-panes="false">
-      <Editor class="editor" :file="currentFile" />
+  <div
+    class="h-full default-theme"
+    :push-other-panes="false"
+  >
+    <Editor
+      class="editor"
+      :file="currentFile"
+    />
   </div>
 </template>
 
@@ -16,6 +22,68 @@ Inline :block
 Inline :block[with content]
 -->
 
+
+# The "ı" character
+
+The "ı" character
+
+\`\`\`
+code
+\`\`\`
+
+\`\`\`ts
+const a = true
+class B {
+  private const b = true
+}
+\`\`\`
+
+\`\`\`ts meta data
+const a = true
+class B {
+  private const b = true
+}
+\`\`\`
+
+
+\`\`\`ts [help] 
+const ts = "help"
+const a = 3
+class B {
+  private const b = true
+  // help
+}
+\`\`\`
+
+\`\`\`ts {1,2}
+const ts = "help"
+const a = 3
+class B {
+  private const b = true
+  // help
+}
+\`\`\`
+
+
+\`\`\`ts {1,2} [filename]
+const ts = "help"
+const a = 3
+class B {
+  private const b = true
+  // help
+}
+\`\`\`
+
+
+\`\`\`ts [help] {1,3}
+const ts = "help"
+const a = 3
+class B {
+  private const b = true
+  // help
+}
+\`\`\`
+
 [Span]
 
 [Span]{with="attribute"}

package.json

@@ -1,5 +1,8 @@
 <template>
-  <Monaco :value="raw" language="docus-markdown" @change="update" />
+  <Monaco
+    :value="raw"
+    language="docus-markdown"
+  />
 </template>
 
 <script setup lang="ts">
@@ -14,9 +17,4 @@ const props = defineProps({
 })
 
 const raw = ref(props.file)
-
-
-function update(content) {
-  
-}
 </script>

playground/src/App.vue

@@ -21,5 +21,8 @@ emit('change', props.value)
 </script>
 
 <template>
-  <div ref="target" style="height: 100vh"></div>
+  <div
+    ref="target"
+    style="height: 100vh"
+  />
 </template>

playground/src/components/Editor.vue

@@ -15,7 +15,7 @@ const setupMonaco = createSingletonPromise(async () => {
   })
   monaco.languages.register({id: 'docus-markdown'})
   // Register a tokens provider for the language
-  monaco.languages.setMonarchTokensProvider('docus-markdown', markdownLanguage);
+  monaco.languages.setMonarchTokensProvider('docus-markdown', markdownLanguage)
 
   return { monaco }
 })