vue~2: fix code blocks

Fixes #1884.

lib/docs/filters/vue/clean_html.rb

@@ -23,6 +23,7 @@ module Docs
 
         # Remove code highlighting
         css('.line-numbers-wrapper').remove
+        if version == '3'
           css('pre').each do |node|
             node.parent.name = 'pre'
             node.parent['data-language'] = node.parent['class'][/language-(\w+)/, 1]
@@ -30,6 +31,16 @@ module Docs
             node.parent.remove_attribute 'class'
             node.parent.content = node.content.strip
           end
+        else
+          css('pre').each do |node|
+            parent = node.ancestors('figure')[0]
+            parent.name = 'pre'
+            parent['data-language'] = parent['class'][/(html|js)/, 1]
+            parent.remove_attribute 'class'
+            node.css('br').each{ |br| br.replace "\n" }
+            parent.content = node.content.strip
+          end
+        end
 
         css('.vue-mastery-link').remove
         css('.vuejobs-wrapper').remove