SASS -> Sass (http://sassnotsass.com/) (#1169)

Author: toastal

Diff for: docs/en/README.md

@@ -9,7 +9,7 @@
 There are many cool features provided by `vue-loader`:
 
 - ES2015 enabled by default;
-- Allows using other webpack loaders for each part of a Vue component, for example SASS for `<style>` and Jade for `<template>`;
+- Allows using other webpack loaders for each part of a Vue component, for example Sass for `<style>` and Jade for `<template>`;
 - Allows custom sections in a .vue file that can have custom loader chains applied to them
 - Treat static assets referenced in `<style>` and `<template>` as module dependencies and handle them with webpack loaders;
 - Can simulate scoped CSS for each component;
@@ -32,7 +32,7 @@ But webpack can do more than that. With "loaders", we can teach webpack to trans
 - Transpile ES2015, CoffeeScript or TypeScript modules into plain ES5 CommonJS modules;
 - Optionally you can pipe the source code through a linter before doing the compilation;
 - Transpile Jade templates into plain HTML and inline it as a JavaScript string;
-- Transpile SASS files into plain CSS, then convert it into a JavaScript snippet that insert the resulting CSS as a `<style>` tag;
+- Transpile Sass files into plain CSS, then convert it into a JavaScript snippet that insert the resulting CSS as a `<style>` tag;
 - Process an image file referenced in HTML or CSS, moved it to the desired destination based on the path configurations, and naming it using its md5 hash.
 
 webpack is so powerful that when you understand how it works, it can dramatically improve your front-end workflow. Its primary drawback is its verbose and complex configuration; but with this guide you should be able to find solutions for most common issues when using webpack with Vue.js and `vue-loader`.

Diff for: docs/en/configurations/pre-processors.md

@@ -4,7 +4,7 @@ In webpack, all pre-processors need to be applied with a corresponding loader. `
 
 ### CSS
 
-For example, let's compile our `<style>` tag with SASS:
+For example, let's compile our `<style>` tag with Sass:
 
 ``` bash
 npm install sass-loader node-sass --save-dev
@@ -20,7 +20,7 @@ Under the hood, the text content inside the `<style>` tag will be first compiled
 
 #### sass-loader caveat
 
-Contrary to what its name indicates, [*sass*-loader](https://github.com/jtangelder/sass-loader) parses *SCSS* syntax by default. If you actually want to use the indented *SASS* syntax, you have to configure vue-loader's options for sass-loader accordingly.
+Contrary to what its name indicates, [*sass*-loader](https://github.com/jtangelder/sass-loader) parses *SCSS* syntax by default. If you actually want to use the indented *Sass* syntax, you have to configure vue-loader's options for sass-loader accordingly.
 
 ```javascript
 {

Diff for: docs/en/features/scoped-css.md

@@ -64,7 +64,7 @@ The above will be compiled into:
 .a[data-v-f3f3eg9] .b { /* ... */ }
 ```
 
-Some pre-processors, such as SASS, may not be able to parse `>>>` properly. In those cases you can use the `/deep/` combinator instead - it's an alias for `>>>` and works exactly the same.
+Some pre-processors, such as Sass, may not be able to parse `>>>` properly. In those cases you can use the `/deep/` combinator instead - it's an alias for `>>>` and works exactly the same.
 
 ### Dynamically Generated Content
 

Diff for: docs/en/start/spec.md

@@ -30,11 +30,11 @@ export default {
 
 `vue-loader` will parse the file, extract each language block, pipe them through other loaders if necessary, and finally assemble them back into a CommonJS module whose `module.exports` is a Vue.js component options object.
 
-`vue-loader` supports using non-default languages, such as CSS pre-processors and compile-to-HTML template languages, by specifying the `lang` attribute for a language block. For example, you can use SASS for the style of your component like this:
+`vue-loader` supports using non-default languages, such as CSS pre-processors and compile-to-HTML template languages, by specifying the `lang` attribute for a language block. For example, you can use Sass for the style of your component like this:
 
 ``` html
 <style lang="sass">
-  /* write SASS! */
+  /* write Sass! */
 </style>
 ```
 

Diff for: docs/ja/README.md

@@ -9,7 +9,7 @@
 `vue-loader` によって多くのクールな機能が提供されます:
 
 - デフォルトで ES2015 が有効
-- `<style>` には SASS、 `<template>` には Jade など、Vue コンポーネントの各パーツに他の webpack の loader が使用可能、カスタム loader チェーンを適用できる .vue ファイルのカスタムセクションを追加可能
+- `<style>` には Sass、 `<template>` には Jade など、Vue コンポーネントの各パーツに他の webpack の loader が使用可能、カスタム loader チェーンを適用できる .vue ファイルのカスタムセクションを追加可能
 - `<style>` と `<template>` で参照される静的なアセットをモジュールの依存として扱い、webpack の loader で処理可能
 - 各コンポーネントで scoped CSS をシミュレートすることが可能
 - 開発時のコンポーネントのホットリロードをサポート
@@ -31,7 +31,7 @@
 - ES2015、CoffeeScript、TypeScript のモジュールをプレーンな ES5 の CommonJS モジュールにトランスパイル
 - オプションでコンパイルを行う前にソースコードを linter に通すことが可能
 - Jade テンプレートをプレーンな HTML にトランスパイルし、JavaScript の文字列として展開
-- SASS ファイルをプレーンな CSS にトランスパイルし、`<style>` タグとして挿入する JavaScript スニペットに変換
+- Sass ファイルをプレーンな CSS にトランスパイルし、`<style>` タグとして挿入する JavaScript スニペットに変換
 - HTML または CSS で参照されるイメージファイルを処理し、パスの設定に基づいた目的の場所に移動し、md5 ハッシュを使用して名前付け
 
 webpack は非常に強力です。どのように動作するか理解すれば、フロントエンド開発のワークフローを劇的に向上させることが出来ます。欠点としては冗長で複雑な構成です。しかし、このガイドでは Vue.js と `vue-loader` での webpack を使用する際に一般的な問題の解決策を見つけることができるはずです。

Diff for: docs/ja/configurations/pre-processors.md

@@ -4,23 +4,23 @@ webpack において、全てのプリプロセッサは対応する loader を
 
 ### CSS
 
-例えば、SASS で `<style>` タグをコンパイルしましょう:
+例えば、Sass で `<style>` タグをコンパイルしましょう:
 
 ``` bash
 npm install sass-loader node-sass --save-dev
 ```
 
 ``` html
 <style lang="sass">
-  /* ここにSASSを書きます */
+  /* ここにSassを書きます */
 </style>
 ```
 
  `<style>` タグ内のテキストコンテンツは、`sass-loader` によって最初にコンパイルされ、その後の処理のために渡されます。
 
 #### sass-loader 使用時の注意
 
-その名前が示すものとは対照的に、[* sass * -loader](https://github.com/jtangelder/sass-loader) はデフォルトで *SCSS* の構文を解析します。インデントされた *SASS* 構文を実際に使用する場合は、それに応じて sass-loader へ vue-loader のオプションを設定する必要があります。
+その名前が示すものとは対照的に、[* sass * -loader](https://github.com/jtangelder/sass-loader) はデフォルトで *SCSS* の構文を解析します。インデントされた *Sass* 構文を実際に使用する場合は、それに応じて sass-loader へ vue-loader のオプションを設定する必要があります。
 
 ```javascript
 {

Diff for: docs/ja/start/spec.md

@@ -30,11 +30,11 @@ export default {
 
 `vue-loader` はファイルを解析し、それぞれの言語ブロックを必要に応じて他の loader を通し、最終的に `module.exports` が Vue.js のコンポーネントオプションオブジェクトの CommonJS モジュールに変換します。
 
-`vue-loader` は CSS プリプロセッサや HTML にコンパイルするテンプレート言語といった、デフォルトでない言語を言語ブロックの `lang` 属性を使用することでサポートします。例えばコンポーネントのスタイルに SASS を使用することが出来ます。
+`vue-loader` は CSS プリプロセッサや HTML にコンパイルするテンプレート言語といった、デフォルトでない言語を言語ブロックの `lang` 属性を使用することでサポートします。例えばコンポーネントのスタイルに Sass を使用することが出来ます。
 
 ``` html
 <style lang="sass">
-  /* SASS で書きます! */
+  /* Sass で書きます! */
 </style>
 ```
 詳細は [プリプロセッサの仕様](../configurations/pre-processors.md) で確認することが出来ます。

Diff for: docs/kr/README.md

@@ -9,7 +9,7 @@
 다음은 `vue-loader`가 제공하는 여러가지 유용한 기능입니다.
 
 - 기본적으로 ES2015를 지원합니다.
-- 각 Vue 컴포넌트 마다 서로 다른 webpack 로더를 사용할 수 있습니다. 예를들면 `<style>`에 SASS, `<template>`에 Jade로 각각 설정 가능합니다.
+- 각 Vue 컴포넌트 마다 서로 다른 webpack 로더를 사용할 수 있습니다. 예를들면 `<style>`에 Sass, `<template>`에 Jade로 각각 설정 가능합니다.
 - `<style>`과 `<template>`에서 참조된 정적 Asset 파일을 모듈로 취급하고 webpack 로더로 처리합니다.
 - 각 컴포넌트마다 지정된 CSS를 시뮬레이트 할 수 있습니다.
 - 개발 중에 컴포넌트 핫 리로딩을 지원합니다.
@@ -31,7 +31,7 @@
 - ES2015 또는 CoffeeScript, TypeScript 모듈을 ES5 CommonJS 모듈로 변환할 수 있습니다.
 - 선택 사항으로 컴파일 전에 linter를 이용하여 소스 코드를 연결 할 수 있습니다.
 - Jade 템플릿을 일반 HTML로 변경하고 JavaScript 문자열로 반환합니다.
-- SASS 파일을 일반 CSS로 변환한 다음 CSS를 `<style>` 태그로 삽입하는 JavaScript 스니펫으로 변환합니다.
+- Sass 파일을 일반 CSS로 변환한 다음 CSS를 `<style>` 태그로 삽입하는 JavaScript 스니펫으로 변환합니다.
 - HTML 또는 CSS에서 참조된 이미지 파일을 처리하고 경로 구성에 따라 이동한 후 md5 해시를 사용하여 이름을 지정합니다.
 
 webpack은 매우 강력하며 작동 원리를 이해한다면 프론트엔드 작업환경을 획기적으로 향상시킬 수 있습니다. 구성하기에 장황하고 복잡한 것이 단점입니다. 하지만 이 가이드를 사용하면 Vue.js 및 `vue-loader`에서 webpack을 사용할 때 가장 일반적인 문제에 대한 솔루션을 찾을 수 있습니다.

Diff for: docs/kr/configurations/pre-processors.md

@@ -4,7 +4,7 @@ webpack에서는 모든 전처리기가 해당 로더와 함께 적용되어야
 
 ### CSS
 
-예를 들어, SASS로 `<style>`을 컴파일해봅시다.
+예를 들어, Sass로 `<style>`을 컴파일해봅시다.
 
 ``` bash
 npm install sass-loader node-sass --save-dev

Diff for: docs/kr/start/spec.md

@@ -30,11 +30,11 @@ export default {
 
 `vue-loader`는 파일을 파싱하고 각 language block을 추출하며 필요한 경우 다른 로더를 통해 파이프 처리한 후 마지막으로 Module.exports가 Vue.js 컴포넌트 엘리먼트 옵션 객체인 CommonJS 모듈로 다시 조합합니다.
 
-`vue-loader`는 language block에 `lang` 속성을 지정하여 CSS 전처리기나 HTML에서 템플릿을 컴파일 하는 것과 같은 기본 언어가 아닌 것을 사용할 수 있게 합니다. 예를 들어 컴포넌트 스타일에 SASS를 사용할 수 있습니다.
+`vue-loader`는 language block에 `lang` 속성을 지정하여 CSS 전처리기나 HTML에서 템플릿을 컴파일 하는 것과 같은 기본 언어가 아닌 것을 사용할 수 있게 합니다. 예를 들어 컴포넌트 스타일에 Sass를 사용할 수 있습니다.
 
 ``` html
 <style lang="sass">
-  /* write SASS! */
+  /* write Sass! */
 </style>
 ```
 

Diff for: docs/pt_BR/README.md

@@ -9,7 +9,7 @@
 O `vue-loader` fornece muitos recursos interessantes:
 
 - ES2015 habilitado por padrão;
-- Permite usar outros carregadores webpack para cada parte de um componente Vue, por exemplo SASS para `<style>` e Jade para `<template>`;
+- Permite usar outros carregadores webpack para cada parte de um componente Vue, por exemplo Sass para `<style>` e Jade para `<template>`;
 - Permite seções customizadas em um arquivo .vue que pode ter carregadores encadeados personalizados aplicados a eles;
 - Trata ativos estáticos referenciado em `<style>` e `<template>` como dependência de módulo e então manipula com carregadores webpack;
 - Pode simular escopo CSS para cada componente;
@@ -32,7 +32,7 @@ Mais do que isso, com o uso dos "loaders" o webpack é capaz de transformar todo
 - Transpilar módulos ES2015, CoffeScript ou TypeScript em módulos simples CommonJs ES5;
 - Você pode escolher se quer canalizar o código fonte através de um linter \(analisador de código\) antes de fazer a compilação;
 - Transpilar modelos Jade em HTML sem formatação e em seguida colocá-lo como uma sequência de string JavaScript;
-- Traspilar arquivos SASS em CSS sem formatação, em seguida os converter em trechos de código JavaScript que insere o resultado CSS como uma tag `<style>`;
+- Traspilar arquivos Sass em CSS sem formatação, em seguida os converter em trechos de código JavaScript que insere o resultado CSS como uma tag `<style>`;
 - Processar um arquivo de imagem referenciado em HTML ou CSS, movê-la para o destino desejado baseado no arquivo de configuração, e nomeá-la usando seu hash md5;
 
 webpack é tão poderoso que quando você entender como ele funciona, poderá melhorar drasticamente seu fluxo de trabalho front-end. Sua principal desvantagem é a configuração excessiva e complexa; Mas com este guia você deve se capaz de encontrar solução para muitas questões comuns usando webpack com Vue.js e `vue-loader`.

Diff for: docs/pt_BR/configurations/pre-processors.md

@@ -4,7 +4,7 @@ No webpack, todos os pré-processadores precisam ser aplicados com um carregador
 
 ### CSS
 
-Por exemplo, vamos compilar nossa tag `<style>` com SASS:
+Por exemplo, vamos compilar nossa tag `<style>` com Sass:
 
 ```bash
 npm install sass-loader node-sass --save-dev
@@ -20,7 +20,7 @@ Por baixo do capô, o conteúdo de texto dentro da tag `<style>` será primeiram
 
 #### Advertências de sass-loader
 
-Ao contrário do que seu nome indica, [sass-loader](https://github.com/jtangelder/sass-loader) analisa a sintaxe *SCSS* por padrão. Se você atualmente deseja usar a indentação da sintaxe *SASS*, você tem que configurar as opções de vue-loader para sass-loader adequadamente.
+Ao contrário do que seu nome indica, [sass-loader](https://github.com/jtangelder/sass-loader) analisa a sintaxe *SCSS* por padrão. Se você atualmente deseja usar a indentação da sintaxe *Sass*, você tem que configurar as opções de vue-loader para sass-loader adequadamente.
 
 ```js
 {

Diff for: docs/pt_BR/start/spec.md

@@ -30,11 +30,11 @@ Um arquivo `*.vue` é um formato de arquivo personalizado que usa sintaxe semelh
 
 `vue-loader` analisará o arquivo, extrair cada bloco de linguagem canalizá-lo através de outros carregadores se necessário, e finalmente montá-lo de volta em um módulo CommonJs cujo `module.exports` seja um objeto de opções do componente Vue.js.
 
-`vue-loader` suporta o uso de linguagens não-padrão, tais como pré-processadores CSS e linguagem que compila para HTML a partir de um template, especificando o atributo `lang` para um bloco de linguagem. Por exemplo, você pode usar SASS para o estilo do seu componente como este:
+`vue-loader` suporta o uso de linguagens não-padrão, tais como pré-processadores CSS e linguagem que compila para HTML a partir de um template, especificando o atributo `lang` para um bloco de linguagem. Por exemplo, você pode usar Sass para o estilo do seu componente como este:
 
 ```html
 <style lang="sass">
-  /* escreva SASS! */
+  /* escreva Sass! */
 </style>
 ```
 

Diff for: docs/ru/README.md

@@ -9,7 +9,7 @@
 `vue-loader` предлагает множество полезных возможностей:
 
 - Поддержка ES2015 по умолчанию;
-- Позволяет использовать разные загрузчики webpack для разных частей Vue компонента, например, SASS для `<style>` и Jade для `<template>`;
+- Позволяет использовать разные загрузчики webpack для разных частей Vue компонента, например, Sass для `<style>` и Jade для `<template>`;
 - Позволяет использовать пользовательские секции во .vue-файлах, применяя к ним пользовательские цепочки загрузчиков
 - Обращается со статическими ресурсами, указанными в `<style>` и `<template>`, как с зависимостями модуля, и обрабатывает их webpack загрузчиками;
 - Может эмулировать scoped CSS для компонентов;
@@ -32,7 +32,7 @@
 - Скомпилировать ES2015, CoffeeScript или TypeScript модули в обычные ES5 CommonJS модули;
 - Пропустить код через статический анализатор, прежде чем приступать к компиляции;
 - Скомпилировать Jade шаблоны в обычный HTML и добавить его на страницу в виде строки JavaScript;
-- Скомпилировать SASS файлы в обычный CSS, затем конвертировать его в JS скрипт, который будет добавлять полученный CSS как тег `<style>`;
+- Скомпилировать Sass файлы в обычный CSS, затем конвертировать его в JS скрипт, который будет добавлять полученный CSS как тег `<style>`;
 - Обработать файлы изображений, указанные в HTML или CSS, переместить их в нужное место, согласно файлу конфигурации, и переименовать, используя их md5 хеш.
 
 webpack настолько крут, что когда вы поймете, как он работает, он значительно улучшит ваш процесс разработки клиентской части. Его основным недостатком является многословная и сложная конфигурация; но с этим руководством вы сможете найти решения для большинства задач, возникающих при работе с webpack в сочетании с Vue.js и `vue-loader`.