Prettier suddenly Does not format Visualforce .page files

Summary

Does not format Visualforce .page files.

Steps To Reproduce:

1. Create a Salesforce DX project in VS Code with the Salesforce Extension Pack installed.
2. Follow the Prettier Code Formatter instructions.
3. In Settings, set Editor: Default Formatter to Prettier.
4. In Settings, check Editor:Format on Save.
5. Create a Visualfoce page with the following code

<apex:page controller="myAccountController"  lightningStylesheets="true">
    <apex:form>
        <apex:pageBlock title="Edit Account">
            <apex:pageBlockSection columns="1">
                <apex:inputField value="{! Account.Name }" ignoreEditPermissionForRendering="true"/>

    <apex:inputField value="{! Account.Phone }" ignoreEditPermissionForRendering="true"/>
    <apex:inputField value="{! Account.Industry }" ignoreEditPermissionForRendering="true"/>
    <apex:inputField value="{! Account.AnnualRevenue }" ignoreEditPermissionForRendering="true"/>
            </apex:pageBlockSection>
            <apex:pageBlockButtons>
                <apex:commandButton action="{! save }" value="Save" />
            </apex:pageBlockButtons>
        </apex:pageBlock>
        </apex:form>


</apex:page>

1. Save the Visualforce .page file

Expected result

Prettier formats the document.

Actual result

Error shows at bottom of window, with message that Prettier cannot format the file.

Additional information

VS Code Version: Version: 1.57.1 (user setup)

SFDX CLI Version: sfdx-cli/7.107.0 win32-x64 node-v14.17.1

OS and version: OS: Windows_NT x64 10.0.19041

[xyc]

If you are using Prettier as the code formatter for visualforce, you should also add the following glob pattern to your .vscode/settings.json file.

"prettier.documentSelectors": ["*/.page"]

Otherwise, if you are using the formatter from visualforce language server, add the following setting to override the default formatter setting.

"[visualforce]": {
    "editor.defaultFormatter": "salesforce.salesforcedx-vscode-visualforce"
}

[jonny-harte]

Thanks @xyc the glob pattern didnt work but the below did.

"prettier.documentSelectors": ["**/*.{cmp,page,component}"],