Skip to content

Commit 2888cc7

Browse files
author
Franck Freiburger
committed
chore(docs): v0.9.2 API docs & examples
1 parent ff21419 commit 2888cc7

File tree

2 files changed

+70
-67
lines changed

2 files changed

+70
-67
lines changed

docs/api/README.md

Lines changed: 32 additions & 29 deletions
Original file line numberDiff line numberDiff line change
@@ -49,7 +49,7 @@
4949

5050
Ƭ **AbstractPath**: { toString: () => string }
5151

52-
*Defined in [types.ts:32](https://github.com/FranckFreiburger/vue3-sfc-loader/blob/0811db4/src/types.ts#L32)*
52+
*Defined in [types.ts:32](https://github.com/FranckFreiburger/vue3-sfc-loader/blob/ff21419/src/types.ts#L32)*
5353

5454
An abstract way to specify a path. It could be a simple string or a object like an URL. An AbstractPath must always be convertible to a string.
5555

@@ -65,7 +65,7 @@ ___
6565

6666
Ƭ **Cache**: { get: (key: string) => Promise<string \| undefined\> ; set: (key: string, value: string) => Promise<void\> }
6767

68-
*Defined in [types.ts:20](https://github.com/FranckFreiburger/vue3-sfc-loader/blob/0811db4/src/types.ts#L20)*
68+
*Defined in [types.ts:20](https://github.com/FranckFreiburger/vue3-sfc-loader/blob/ff21419/src/types.ts#L20)*
6969

7070
#### Type declaration:
7171

@@ -80,15 +80,15 @@ ___
8080

8181
Ƭ **ContentData**: string \| ArrayBuffer
8282

83-
*Defined in [types.ts:71](https://github.com/FranckFreiburger/vue3-sfc-loader/blob/0811db4/src/types.ts#L71)*
83+
*Defined in [types.ts:71](https://github.com/FranckFreiburger/vue3-sfc-loader/blob/ff21419/src/types.ts#L71)*
8484

8585
___
8686

8787
### CustomBlock
8888

8989
Ƭ **CustomBlock**: { attrs: Record<string, string \| true\> ; content: string ; type: string }
9090

91-
*Defined in [types.ts:109](https://github.com/FranckFreiburger/vue3-sfc-loader/blob/0811db4/src/types.ts#L109)*
91+
*Defined in [types.ts:109](https://github.com/FranckFreiburger/vue3-sfc-loader/blob/ff21419/src/types.ts#L109)*
9292

9393
A custom block
9494

@@ -106,7 +106,7 @@ ___
106106

107107
Ƭ **CustomBlockCallback**: (component: [ModuleExport](README.md#moduleexport)) => void
108108

109-
*Defined in [types.ts:103](https://github.com/FranckFreiburger/vue3-sfc-loader/blob/0811db4/src/types.ts#L103)*
109+
*Defined in [types.ts:103](https://github.com/FranckFreiburger/vue3-sfc-loader/blob/ff21419/src/types.ts#L103)*
110110

111111
CustomBlockCallback function type
112112

@@ -116,7 +116,7 @@ ___
116116

117117
Ƭ **File**: { getContentData: (asBinary: Boolean) => Promise<[ContentData](README.md#contentdata)\> ; type: string }
118118

119-
*Defined in [types.ts:77](https://github.com/FranckFreiburger/vue3-sfc-loader/blob/0811db4/src/types.ts#L77)*
119+
*Defined in [types.ts:77](https://github.com/FranckFreiburger/vue3-sfc-loader/blob/ff21419/src/types.ts#L77)*
120120

121121
Represents a file content and the extension name.
122122

@@ -133,15 +133,15 @@ ___
133133

134134
Ƭ **LangProcessor**: (source: string, preprocessOptions?: any) => Promise<string\> \| string
135135

136-
*Defined in [types.ts:422](https://github.com/FranckFreiburger/vue3-sfc-loader/blob/0811db4/src/types.ts#L422)*
136+
*Defined in [types.ts:429](https://github.com/FranckFreiburger/vue3-sfc-loader/blob/ff21419/src/types.ts#L429)*
137137

138138
___
139139

140140
### Module
141141

142142
Ƭ **Module**: { exports: [ModuleExport](README.md#moduleexport) }
143143

144-
*Defined in [types.ts:128](https://github.com/FranckFreiburger/vue3-sfc-loader/blob/0811db4/src/types.ts#L128)*
144+
*Defined in [types.ts:128](https://github.com/FranckFreiburger/vue3-sfc-loader/blob/ff21419/src/types.ts#L128)*
145145

146146
This just represents a loaded js module
147147

@@ -157,15 +157,15 @@ ___
157157

158158
Ƭ **ModuleCacheId**: string
159159

160-
*Defined in [types.ts:26](https://github.com/FranckFreiburger/vue3-sfc-loader/blob/0811db4/src/types.ts#L26)*
160+
*Defined in [types.ts:26](https://github.com/FranckFreiburger/vue3-sfc-loader/blob/ff21419/src/types.ts#L26)*
161161

162162
___
163163

164164
### ModuleExport
165165

166166
Ƭ **ModuleExport**: {} \| null
167167

168-
*Defined in [types.ts:123](https://github.com/FranckFreiburger/vue3-sfc-loader/blob/0811db4/src/types.ts#L123)*
168+
*Defined in [types.ts:123](https://github.com/FranckFreiburger/vue3-sfc-loader/blob/ff21419/src/types.ts#L123)*
169169

170170
This just represents a loaded js module exports
171171

@@ -175,7 +175,7 @@ ___
175175

176176
Ƭ **ModuleHandler**: (type: string, getContentData: File[\"getContentData\"], path: [AbstractPath](README.md#abstractpath), options: [Options](README.md#options)) => Promise<[ModuleExport](README.md#moduleexport) \| null\>
177177

178-
*Defined in [types.ts:68](https://github.com/FranckFreiburger/vue3-sfc-loader/blob/0811db4/src/types.ts#L68)*
178+
*Defined in [types.ts:68](https://github.com/FranckFreiburger/vue3-sfc-loader/blob/ff21419/src/types.ts#L68)*
179179

180180
Used by the library when it needs to handle a does not know how to handle a given file type (eg. `.json` files).
181181

@@ -198,9 +198,9 @@ ___
198198

199199
### Options
200200

201-
Ƭ **Options**: { additionalBabelParserPlugins?: babel\_ParserPlugin[] ; additionalBabelPlugins?: Record<string, any\> ; compiledCache?: [Cache](README.md#cache) ; delimiters?: [string, string] ; devMode?: boolean ; handleModule?: [ModuleHandler](README.md#modulehandler) ; isCustomElement: (tag: string) => boolean \| undefined ; moduleCache: Record<[ModuleCacheId](README.md#modulecacheid), LoadingType<[ModuleExport](README.md#moduleexport)\> \| [ModuleExport](README.md#moduleexport)\> ; pathResolve: [PathResolve](README.md#pathresolve) ; whitespace?: \"preserve\" \| \"condense\" ; addStyle: (style: string, scopeId: string \| undefined) => void ; customBlockHandler?: (block: [CustomBlock](README.md#customblock), filename: [AbstractPath](README.md#abstractpath), options: [Options](README.md#options)) => Promise<[CustomBlockCallback](README.md#customblockcallback) \| undefined\> ; getFile: (path: [AbstractPath](README.md#abstractpath)) => Promise<[File](README.md#file) \| [ContentData](README.md#contentdata)\> ; getResource: (pathCx: [PathContext](README.md#pathcontext), options: [Options](README.md#options)) => [Resource](README.md#resource) ; loadModule?: (path: [AbstractPath](README.md#abstractpath), options: [Options](README.md#options)) => Promise<[ModuleExport](README.md#moduleexport) \| undefined\> ; log?: (type: string, ...data: any[]) => void }
201+
Ƭ **Options**: { additionalBabelParserPlugins?: babel\_ParserPlugin[] ; additionalBabelPlugins?: Record<string, any\> ; compiledCache?: [Cache](README.md#cache) ; delimiters?: [string, string] ; devMode?: boolean ; handleModule?: [ModuleHandler](README.md#modulehandler) ; isCustomElement: (tag: string) => boolean \| undefined ; moduleCache: Record<[ModuleCacheId](README.md#modulecacheid), LoadingType<[ModuleExport](README.md#moduleexport)\> \| [ModuleExport](README.md#moduleexport)\> ; pathResolve: [PathResolve](README.md#pathresolve) ; whitespace?: \"preserve\" \| \"condense\" ; addStyle: (style: string, scopeId: string \| undefined) => void ; createCJSModule: (refPath: [AbstractPath](README.md#abstractpath), source: string, options: [Options](README.md#options)) => [Module](README.md#module) ; customBlockHandler?: (block: [CustomBlock](README.md#customblock), filename: [AbstractPath](README.md#abstractpath), options: [Options](README.md#options)) => Promise<[CustomBlockCallback](README.md#customblockcallback) \| undefined\> ; getFile: (path: [AbstractPath](README.md#abstractpath)) => Promise<[File](README.md#file) \| [ContentData](README.md#contentdata)\> ; getResource: (pathCx: [PathContext](README.md#pathcontext), options: [Options](README.md#options)) => [Resource](README.md#resource) ; loadModule?: (path: [AbstractPath](README.md#abstractpath), options: [Options](README.md#options)) => Promise<[ModuleExport](README.md#moduleexport) \| undefined\> ; log?: (type: string, ...data: any[]) => void }
202202

203-
*Defined in [types.ts:139](https://github.com/FranckFreiburger/vue3-sfc-loader/blob/0811db4/src/types.ts#L139)*
203+
*Defined in [types.ts:139](https://github.com/FranckFreiburger/vue3-sfc-loader/blob/ff21419/src/types.ts#L139)*
204204

205205
#### Type declaration:
206206

@@ -213,10 +213,11 @@ Name | Type | Description |
213213
`devMode?` | boolean | Set development mode prevent minification, allow debugger statement, |
214214
`handleModule?` | [ModuleHandler](README.md#modulehandler) | Handle additional module types (eg. '.svg', '.json' ). see [ModuleHandler](README.md#modulehandler) |
215215
`isCustomElement` | (tag: string) => boolean \| undefined | Specifies a check method to recognize native custom elements. see. https://vuejs.org/api/application.html#app-config-compileroptions-iscustomelement note: this option has no effect on vue2 |
216-
`moduleCache` | Record<[ModuleCacheId](README.md#modulecacheid), LoadingType<[ModuleExport](README.md#moduleexport)\> \| [ModuleExport](README.md#moduleexport)\> | Initial cache that will contain resolved dependencies. All new modules go here. `vue` must initially be contained in this object. [moduleCache](README.md#modulecache) is mandatory and should be shared between options objects used for you application (note that you can also pass the same options object through multiple loadModule calls) It is recommended to provide a prototype-less object (`Object.create(null)`) to avoid potential conflict with `Object` properties (constructor, __proto__, hasOwnProperty, ...). ​ * See also [[options.loadModule]]. **example:** ```javascript ... moduleCache: Object.assign(Object.create(null), { vue: Vue, }), ... ``` |
216+
`moduleCache` | Record<[ModuleCacheId](README.md#modulecacheid), LoadingType<[ModuleExport](README.md#moduleexport)\> \| [ModuleExport](README.md#moduleexport)\> | Initial cache that will contain resolved dependencies. All new modules go here. `vue` must initially be contained in this object. [moduleCache](README.md#modulecache) is mandatory and should be shared between options objects used for you application (note that you can also pass the same options object through multiple loadModule calls) It is recommended to provide a prototype-less object (`Object.create(null)`) to avoid potential conflict with `Object` properties (constructor, __proto__, hasOwnProperty, ...). ​ * The library take the ownership of [moduleCache](README.md#modulecache) when [loadModule](README.md#loadmodule) is called. See also [[options.loadModule]]. **example:** ```javascript ... moduleCache: Object.assign(Object.create(null), { vue: Vue, }), ... ``` |
217217
`pathResolve` | [PathResolve](README.md#pathresolve) | Abstact path handling |
218218
`whitespace?` | \"preserve\" \| \"condense\" | Whitespace handling strategy see https://github.com/vuejs/vue/tree/dev/packages/vue-template-compiler#options |
219219
`addStyle` | (style: string, scopeId: string \| undefined) => void | - |
220+
`createCJSModule` | (refPath: [AbstractPath](README.md#abstractpath), source: string, options: [Options](README.md#options)) => [Module](README.md#module) | - |
220221
`customBlockHandler?` | (block: [CustomBlock](README.md#customblock), filename: [AbstractPath](README.md#abstractpath), options: [Options](README.md#options)) => Promise<[CustomBlockCallback](README.md#customblockcallback) \| undefined\> | - |
221222
`getFile` | (path: [AbstractPath](README.md#abstractpath)) => Promise<[File](README.md#file) \| [ContentData](README.md#contentdata)\> | - |
222223
`getResource` | (pathCx: [PathContext](README.md#pathcontext), options: [Options](README.md#options)) => [Resource](README.md#resource) | - |
@@ -229,7 +230,7 @@ ___
229230

230231
Ƭ **PathContext**: { refPath: [AbstractPath](README.md#abstractpath) \| undefined ; relPath: [AbstractPath](README.md#abstractpath) }
231232

232-
*Defined in [types.ts:41](https://github.com/FranckFreiburger/vue3-sfc-loader/blob/0811db4/src/types.ts#L41)*
233+
*Defined in [types.ts:41](https://github.com/FranckFreiburger/vue3-sfc-loader/blob/ff21419/src/types.ts#L41)*
233234

234235
A PathContext represents a path (relPath) relative to an abolute path (refPath)
235236
Note that relPath is not necessary relative, but when it is, relPath is relative to refPath.
@@ -247,7 +248,7 @@ ___
247248

248249
Ƭ **PathResolve**: (pathCx: [PathContext](README.md#pathcontext)) => [AbstractPath](README.md#abstractpath)
249250

250-
*Defined in [types.ts:50](https://github.com/FranckFreiburger/vue3-sfc-loader/blob/0811db4/src/types.ts#L50)*
251+
*Defined in [types.ts:50](https://github.com/FranckFreiburger/vue3-sfc-loader/blob/ff21419/src/types.ts#L50)*
251252

252253
relative to absolute module path resolution
253254

@@ -257,7 +258,7 @@ ___
257258

258259
Ƭ **Resource**: { getContent: () => Promise<[File](README.md#file)\> ; id: [ModuleCacheId](README.md#modulecacheid) ; path: [AbstractPath](README.md#abstractpath) }
259260

260-
*Defined in [types.ts:88](https://github.com/FranckFreiburger/vue3-sfc-loader/blob/0811db4/src/types.ts#L88)*
261+
*Defined in [types.ts:88](https://github.com/FranckFreiburger/vue3-sfc-loader/blob/ff21419/src/types.ts#L88)*
261262

262263
Represents a resource.
263264

@@ -275,27 +276,29 @@ Name | Type | Description |
275276

276277
`Const` **version**: string = process.env.VERSION as string
277278

278-
*Defined in [tools.ts:49](https://github.com/FranckFreiburger/vue3-sfc-loader/blob/0811db4/src/tools.ts#L49)*
279+
*Defined in [tools.ts:49](https://github.com/FranckFreiburger/vue3-sfc-loader/blob/ff21419/src/tools.ts#L49)*
279280

280-
*Defined in [index.ts:26](https://github.com/FranckFreiburger/vue3-sfc-loader/blob/0811db4/src/index.ts#L26)*
281+
*Defined in [index.ts:26](https://github.com/FranckFreiburger/vue3-sfc-loader/blob/ff21419/src/index.ts#L26)*
281282

282283
the version of the library (process.env.VERSION is set by webpack, at compile-time)
283284

284285
___
285286

286287
### vueVersion
287288

288-
`Const` **vueVersion**: string
289+
`Const` **vueVersion**: string = process.env.VUE\_VERSION as string
289290

290-
*Defined in [createSFCModule.ts:4](https://github.com/FranckFreiburger/vue3-sfc-loader/blob/0811db4/src/createSFCModule.ts#L4)*
291+
*Defined in [index.ts:32](https://github.com/FranckFreiburger/vue3-sfc-loader/blob/ff21419/src/index.ts#L32)*
292+
293+
the version of Vue that is expected by the library
291294

292295
## Functions
293296

294297
### buildTemplateProcessor
295298

296299
**buildTemplateProcessor**(`processor`: [LangProcessor](README.md#langprocessor)): object
297300

298-
*Defined in [index.ts:187](https://github.com/FranckFreiburger/vue3-sfc-loader/blob/0811db4/src/index.ts#L187)*
301+
*Defined in [index.ts:194](https://github.com/FranckFreiburger/vue3-sfc-loader/blob/ff21419/src/index.ts#L194)*
299302

300303
Convert a function to template processor interface (consolidate)
301304

@@ -317,7 +320,7 @@ ___
317320

318321
**createSFCModule**(`source`: string, `filename`: [AbstractPath](README.md#abstractpath), `options`: [Options](README.md#options)): Promise<[ModuleExport](README.md#moduleexport)\>
319322

320-
*Defined in [createSFCModule.ts:3](https://github.com/FranckFreiburger/vue3-sfc-loader/blob/0811db4/src/createSFCModule.ts#L3)*
323+
*Defined in [createSFCModule.ts:3](https://github.com/FranckFreiburger/vue3-sfc-loader/blob/ff21419/src/createSFCModule.ts#L3)*
321324

322325
#### Parameters:
323326

@@ -335,7 +338,7 @@ ___
335338

336339
**defaultGetResource**(`pathCx`: [PathContext](README.md#pathcontext), `options`: [Options](README.md#options)): [Resource](README.md#resource)
337340

338-
*Defined in [index.ts:76](https://github.com/FranckFreiburger/vue3-sfc-loader/blob/0811db4/src/index.ts#L76)*
341+
*Defined in [index.ts:74](https://github.com/FranckFreiburger/vue3-sfc-loader/blob/ff21419/src/index.ts#L74)*
339342

340343
Default getResource implementation
341344
by default, getContent() use the file extension as file type.
@@ -355,7 +358,7 @@ ___
355358

356359
**defaultHandleModule**(`type`: string, `getContentData`: File[\"getContentData\"], `path`: [AbstractPath](README.md#abstractpath), `options`: [Options](README.md#options)): Promise<[ModuleExport](README.md#moduleexport) \| undefined\>
357360

358-
*Defined in [tools.ts:399](https://github.com/FranckFreiburger/vue3-sfc-loader/blob/0811db4/src/tools.ts#L399)*
361+
*Defined in [tools.ts:399](https://github.com/FranckFreiburger/vue3-sfc-loader/blob/ff21419/src/tools.ts#L399)*
359362

360363
Default implementation of handleModule
361364

@@ -376,7 +379,7 @@ ___
376379

377380
`Const`**defaultPathResolve**(`__namedParameters`: { refPath: [AbstractPath](README.md#abstractpath) ; relPath: [AbstractPath](README.md#abstractpath) }): string \| [AbstractPath](README.md#abstractpath)
378381

379-
*Defined in [index.ts:53](https://github.com/FranckFreiburger/vue3-sfc-loader/blob/0811db4/src/index.ts#L53)*
382+
*Defined in [index.ts:51](https://github.com/FranckFreiburger/vue3-sfc-loader/blob/ff21419/src/index.ts#L51)*
380383

381384
Default resolve implementation
382385
resolve() should handle 3 situations :
@@ -398,7 +401,7 @@ ___
398401

399402
**loadModule**(`path`: [AbstractPath](README.md#abstractpath), `options?`: [Options](README.md#options)): Promise<[ModuleExport](README.md#moduleexport)\>
400403

401-
*Defined in [index.ts:157](https://github.com/FranckFreiburger/vue3-sfc-loader/blob/0811db4/src/index.ts#L157)*
404+
*Defined in [index.ts:155](https://github.com/FranckFreiburger/vue3-sfc-loader/blob/ff21419/src/index.ts#L155)*
402405

403406
This is the main function.
404407
This function is intended to be used only to load the entry point of your application.
@@ -452,7 +455,7 @@ ___
452455

453456
**loadModuleInternal**(`pathCx`: [PathContext](README.md#pathcontext), `options`: [Options](README.md#options)): Promise<[ModuleExport](README.md#moduleexport)\>
454457

455-
*Defined in [tools.ts:276](https://github.com/FranckFreiburger/vue3-sfc-loader/blob/0811db4/src/tools.ts#L276)*
458+
*Defined in [tools.ts:276](https://github.com/FranckFreiburger/vue3-sfc-loader/blob/ff21419/src/tools.ts#L276)*
456459

457460
#### Parameters:
458461

@@ -469,6 +472,6 @@ Name | Type |
469472

470473
`Const` **targetBrowserBabelPlugins**: object
471474

472-
*Defined in [tools.ts:211](https://github.com/FranckFreiburger/vue3-sfc-loader/blob/0811db4/src/tools.ts#L211)*
475+
*Defined in [tools.ts:211](https://github.com/FranckFreiburger/vue3-sfc-loader/blob/ff21419/src/tools.ts#L211)*
473476

474477
#### Properties:

0 commit comments

Comments
 (0)