From a35b5de57836771b9d8519bbe5df689cf6d18373 Mon Sep 17 00:00:00 2001 From: trent Date: Fri, 6 Jan 2023 18:38:56 -0500 Subject: [PATCH 001/118] Fix casing of Sass (#2151) --- src/api/sfc-spec.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/api/sfc-spec.md b/src/api/sfc-spec.md index dde58a9c05..35314897a4 100644 --- a/src/api/sfc-spec.md +++ b/src/api/sfc-spec.md @@ -88,7 +88,7 @@ Blocks can declare pre-processor languages using the `lang` attribute. The most ``` -`lang` can be applied to any block - for example we can use ` From 10bfe9310976ceb7027e44f6898464fddaee71bb Mon Sep 17 00:00:00 2001 From: skirtle <65301168+skirtles-code@users.noreply.github.com> Date: Sun, 8 Jan 2023 16:04:28 +0000 Subject: [PATCH 008/118] Composition API example of SFC (#2145) * Composition API version * fix * Fix problems with new SFC example Co-authored-by: Peter Kompasz --- src/guide/scaling-up/sfc.md | 26 ++++++++++++++++++++++++++ 1 file changed, 26 insertions(+) diff --git a/src/guide/scaling-up/sfc.md b/src/guide/scaling-up/sfc.md index 63dc3c9af9..6c2c1ce766 100644 --- a/src/guide/scaling-up/sfc.md +++ b/src/guide/scaling-up/sfc.md @@ -4,6 +4,8 @@ Vue Single-File Components (a.k.a. `*.vue` files, abbreviated as **SFC**) is a special file format that allows us to encapsulate the template, logic, **and** styling of a Vue component in a single file. Here's an example SFC: +
+ ```vue + + + + +``` + +
+ As we can see, Vue SFC is a natural extension of the classic trio of HTML, CSS and JavaScript. The `