Refactor to use @imports

Author: wooorm

lib/index.js

@@ -1,13 +1,7 @@
 /**
- * @typedef {import('mdast-util-from-markdown').CompileContext} CompileContext
- * @typedef {import('mdast-util-from-markdown').Extension} FromMarkdownExtension
- * @typedef {import('mdast-util-from-markdown').Handle} FromMarkdownHandle
- *
- * @typedef {import('mdast-util-to-markdown').Handle} ToMarkdownHandle
- * @typedef {import('mdast-util-to-markdown').Options} ToMarkdownExtension
- *
- * @typedef {import('../index.js').MdxFlowExpression} MdxFlowExpression
- * @typedef {import('../index.js').MdxTextExpression} MdxTextExpression
+ * @import {CompileContext, Extension as FromMarkdownExtension, Handle as FromMarkdownHandle} from 'mdast-util-from-markdown'
+ * @import {Handle as ToMarkdownHandle, Options as ToMarkdownExtension} from 'mdast-util-to-markdown'
+ * @import {MdxFlowExpression, MdxTextExpression} from '../index.js'
  */
 
 import {ok as assert} from 'devlop'

readme.md

@@ -390,12 +390,13 @@ somewhere in your types, as that registers the new node types in the tree.
 
 ```js
 /**
- * @typedef {import('mdast-util-mdx-expression')}
+ * @import {} from 'mdast-util-mdx-expression'
+ * @import {Root} from 'mdast'
  */
 
 import {visit} from 'unist-util-visit'
 
-/** @type {import('mdast').Root} */
+/** @type {Root} */
 const tree = getMdastNodeSomeHow()
 
 visit(tree, function (node) {